僅使用javascript將第一個單選按鈕檢查為默認設置

Question

<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">

可以說我有四個單選按鈕，我如何僅使用JavaScript而不是jQuery來使第first-child成為默認checked 。

這是我所做的，但是沒有起作用。 提前致謝。

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

Answer 1

您的示例無法正常運行的原因是因為.querySelectorAll()返回了元素的NodeList 。 您需要遍歷列表中的每個元素，以便將checked屬性設置為true ：

這里的例子

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

---

另外，您也可以訪問第一個匹配的元素：

這里的例子

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

---

_{附帶說明，您也有錯字。}

^{屬性選擇器[name=radioButon]應該是[name=radioButton] 。}