javascript - 恢复第一个单选按钮选中的 onclick 事件

Question

我是写javascript的初学者，感谢您在这里的耐心:)

我喜欢将我的第一个单选按钮设置为默认选中。检查完第二个/第三个/第四个单选按钮后，我喜欢单击“单击我”按钮并再次恢复选中的第一个单选按钮。这是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(使用 bool 值而不是字符串)。因为您只需要一个元素，所以您应该只使用 querySelector:

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