使用 JavaScript 动态显示/隐藏单选按钮组的单选按钮

Question

我正在寻找一种使用 JavaScript 显示/隐藏单选按钮组的某些单选按钮的方法。

如何做到这一点？

谢谢

Answer 1

该ID属性标识个体的单选按钮。所有这些都将通过name属性与组相关

您可以使用类似的方法获取单个单选按钮

var rbtn = document.getElementById('radioButton1');

然后将显示或可见性样式设置为隐藏或显示。

rbtn.style.display = 'none'; // 'block' or 'inline' if you want to show.

实际上没有..我会创建单选按钮，例如 - <input id="radioButton1" type="radio">ChoiceText ....所以，文本是分开的。正如weenaak所说，将它们放在span或div中并隐藏/显示它们...... <input id="radioButton1" type="radio" /><span id="radioText1">Choice</span> (3认同)
最好设置 display 属性，因为可见性隐藏仍然需要空间。 (2认同)
@Loginissue：您可以通过将文本包装在 <span> 或 <div> 中并为包装元素指定 id 来以相同的方式隐藏文本。 (2认同)