Javascript 如何消除输入标记之间的间隙

我需要根据用户无线电标签显示额外的输入标签。我在这里粘贴了工作代码。我想显示配偶的名字和姓氏输入标记。如果没有，则必须显示父亲和母亲的名字和姓氏。但问题是，我看到了两者之间的差距，这是我不想要的。有什么帮助吗

函数检查（）{
if（document.getElementById（'marred'）。选中）
{
document.getElementById（'Ifies'）.style.visibility='visible'；
}
其他的
document.getElementById（'ifies'）.style.visibility='hidden'；
}
名字
姓


婚姻状况已婚未婚


配偶的名字
姓


父亲名字姓氏


母亲的名字姓氏



提交

替换

可见性：隐藏
为
显示：无



函数检查（）{
if（document.getElementById（'marred'）。选中）
{
document.getElementById（'ifies'）.style.display='block'；
}
其他的
document.getElementById（'ifies'）.style.display='none'；
}
名字
姓


婚姻状况已婚未婚


配偶的名字
姓


父亲名字姓氏


母亲的名字姓氏



提交

visibility:hidden
将保留页面中的元素，占用该空间，但不会显示给用户

display:none
在页面中将不可用，不会占用任何空间

您应该使用
display:none

另外，您错误地使用了

，应该是

，或者只是

。虽然我建议你不要用那个。相反，您可以使用
div
元素包装相关信息，并使用css设置样式（margin属性）

另一个问题是您应该在单选按钮中使用value属性，根据该属性可以在函数中设置样式

请尝试以下方法：



功能检查（el）{
如果（el.value==“已婚”）{
document.getElementById（'ifies'）.style.display='block'；
}
其他的
document.getElementById（'ifies'）.style.display='none'；
}
名字
姓
婚姻状况已婚未婚
配偶的名字
姓
父亲名字姓氏
母亲的名字姓氏
提交
使用
显示：无而不是
可见性：隐藏
这是否回答了您的问题？谢谢大家。我根据这里的建议更新了我的代码，效果很好。再次感谢。