javascript - 使用类取消选中 Javascript 中的单选按钮

Question

这是我的 2 个单选按钮:

 <input type="radio" name="sex" id="Button1" class="Button"/>

 <input type="radio" name="sex" id="Button2" class="Button"/>

当我调用一个计数函数时:

document.getElementById('Button2').checked = false; 

它取消选中 Button2。但我想通过使用类来取消选中它

当函数包含:

document.getElementsByClassName('Button').checked = false;

它不会取消选中 Button2

为什么以及解决方案是什么？

谢谢。 :)

Answer 1

getElementsByClassName() 返回一个集合(如数组)。所以你实际上必须这样做

document.getElementsByClassName('Button')[1].checked = false;

但是，如果您有更多 Button 类的元素，则您无法确定您的 Button2 是数组中的第二个元素。