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

Posted 2023-02-22

【中文标题】如何从 Javascript 更改 HTML 单选按钮选择？

【英文标题】：How do you change an HTML radiobutton selection from Javascript?

【发布时间】：2011-02-15 05:30:28

【问题描述】：

我需要在 javascript 中在表单上选择一个 html 单选按钮（取消选择任何以前选择的单选按钮）。

这是如何实现的？

【参考方案1】：

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

因此，

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

如果 HTML 看起来像这样，将导致“buttonY”被取消选中：

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

edit 请记住，“收音机按钮”有这个名字，因为在旧收音机（不一定比我老）上，电台预设按钮是机械互连的，因此始终只按下一个按钮.摆弄按钮以使其全部不被按下是一种有趣但冒险的消遣，因为大多数成年人并不欣赏整齐排列的一排未按下的单选按钮的美感。

【讨论】：

属性，而不是属性。如果您正在设置属性，那么值将是checked，而不是true。

好吧；属性，属性，我想这会有所不同。