如何从Javascript更改HTML单选按钮选择？

Question

我需要在Javascript中从我的表单中选择一个HTML单选按钮（取消选择之前选定的单选按钮）。

这是如何完成的？

Answer 1

如果您在一个单选按钮上将“checked”属性设置为true，则具有相同名称的另一个按钮将被自动取消选中。

因此，

document.getElementById('buttonX').checked = true; 

会导致 “buttonY” 是未经检查，如果HTML的样子：

<input type='radio' id='buttonX' name='fred' value='X'> 
<input type='radio' id='buttonY' name='fred' value='Y' checked> 

编辑请记住， “单选按钮” 有一个名字，因为在旧收音机（不一定比我大），电台预设按钮是机械相互连接的，因此在任何时候都只有一个按钮被按下。摆弄按钮让它们全部不被按压是一种有趣但是有风险的消遣方式，因为大多数成年人不理解一排未按下的单选按钮整齐排列的美感。