恢復選中的第一個單選按鈕 onclick 事件

Question

我是一個寫javascript的初學者，謝謝你在這里的耐心:)

我喜歡將我的第一個單選按鈕設置為默認選中。 檢查第 2/3/4 個單選按鈕后，我喜歡單擊“單擊我”按鈕並再次將第一個單選按鈕恢復為選中狀態。 這是html代碼

 function restoreRadio(){ document.getElementByClassName('radioButton').checked = "false"; document.querySelectorAll('radioButton:first-child').checked = "true" }

 ul { list-style: none; padding: 0; marging: 0; } ul li{ display: inline-block; }

 <ul> <li> <input type="radio" name="tryout" class="radioButton" checked="checked"> </li> <li> <input type="radio" name="tryout" class="radioButton"> </li> <li> <input type="radio" name="tryout" class="radioButton"> </li> <li> <input type="radio" name="tryout" class="radioButton"> </li> </ul> <input type="button" value="click me" onclick="restoreRadio()">

如果可以請解釋為什么 javascript 沒有按預期工作，以便我可以從中學習。 再次感謝您的耐心等待。

Answer 1

你需要有“.radioButton”（CSS查詢格式）為您的選擇和設定的checked ，以true （使用布爾不是字符串）。 因為您只需要一個元素，所以您應該只使用querySelector ：

document.querySelector('.radioButton:first-child').checked = true;

Answer 2

注意正確的語法是getElementsByClassName （復數）。