javascript - onmouseover 仅检查输入单选按钮 javascript

Question

我们如何创建一个 onmouseover 事件和 javascript，而不是点击一个单选按钮，当鼠标悬停在单选按钮上时，它会被选中 checked？请不要使用 jQuery。

<input type="radio" class="tryout" name="example" onmouseover="checkButton()" checked="checked">
<input type="radio" class="tryout" name="example" onmouseover="checkButton()">
<input type="radio" class="tryout" name="example" onmouseover="checkButton()">
<input type="radio" class="tryout" name="example" onmouseover="checkButton()">

Answer 1

您可以将 checkButton 函数作为参数传入元素，然后将 element.checked 设置为 true。例如:

function checkButton(element){
  element.checked = true;
}

<input type="radio" class="tryout" name="example" onmouseover="checkButton(this)" checked="check">
<input type="radio" class="tryout" name="example" onmouseover="checkButton(this)">
<input type="radio" class="tryout" name="example" onmouseover="checkButton(this)">
<input type="radio" class="tryout" name="example" onmouseover="checkButton(this)">