恢复第一个单选按钮检查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（复数）。