仅使用 javascript 将第一个单选按钮检查为默认值

【问题标题】：checked first radio button as default using javascript only仅使用 javascript 将第一个单选按钮检查为默认值
【发布时间】：2015-05-20 14:40:39
【问题描述】：

<input id="a" type="radio" name="radioButton">
<input id="b" type="radio" name="radioButton">
<input id="c" type="radio" name="radioButton">
<input id="d" type="radio" name="radioButton">

假设我有四个单选按钮，我如何将 first-child 设为默认 checked，只使用 javascript，请不要使用 jQuery。

这是我做过但没用的。提前致谢。

document.querySelectorAll('[name=radioButon]:first-child').checked = true;

【问题讨论】：

标签： javascript html css input radio-button

【解决方案1】：

您的示例不起作用的原因是.querySelectorAll() 返回了NodeList of elements。您需要遍历列表中的每个元素才能将 checked 属性设置为 true：

Example Here

var elements = document.querySelectorAll('[name=radioButton]:first-child');
Array.prototype.forEach.call(elements, function(el) { el.checked = true; });

或者，您也可以访问第一个匹配元素：

Example Here

document.querySelectorAll('[name=radioButton]')[0].checked = true;
// or..
document.querySelector('[name=radioButton]').checked = true;

_{顺便说一句，你还有一个错字。}

^{属性选择器[name=radioButon]应该是[name=radioButton]。}

【讨论】：