如何使用 JavaScript 设置单选按钮状态

Question

最好使用哪种方法通过 JavaScript 选择性地将单个或多个单选按钮设置为所需的设置？

原文由 vinomarky 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

很简单

radiobtn = document.getElementById("theid");
 radiobtn.checked = true;

原文由 Starx 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

表格

<form name="teenageMutant">
  <input value="aa" type="radio" name="ninjaTurtles"/>
  <input value="bb" type="radio" name="ninjaTurtles"/>
  <input value="cc" type="radio" name="ninjaTurtles" checked/>
</form>

value=“cc” 默认情况下会被选中，如果您删除“已选中”，则在首次加载表单时将不会选中任何复选框。

 document.teenageMutant.ninjaTurtles[0].checked=true;

现在 value=“aa” 被选中。其他单选复选框未选中。

在行动中看到它：http: //jsfiddle.net/yaArr/

您可以使用表单 ID 和单选按钮 ID 执行相同的操作。这是一个带有 id 的表格。

 <form id="lizardPeople" name="teenageMutant">
  <input id="dinosaurs" value="aa" type="radio" name="ninjaTurtles"/>
  <input id="elephant" value="bb" type="radio" name="ninjaTurtles"/>
  <input id="dodoBird" value="cc" type="radio" name="ninjaTurtles" checked/>
</form>

默认选中 value=“cc”。

 document.forms["lizardPeople"]["dinosaurs"].checked=true;

现在 value=“aa” 和 id=“dinosaurs” 被选中，就像以前一样。

查看实际效果：http: //jsfiddle.net/jPfXS/

原文由 gaby de wilde 发布，翻译遵循 CC BY-SA 3.0 许可协议