onmouseover仅检查输入单选按钮javascript

我们如何创建一个

onmouseover

事件和javascript，而不是单击单选按钮，以便在将鼠标悬停在单选按钮上时选中该按钮？请不要用jQuery

---

您可以将

检查按钮

函数作为参数传入元素，然后将

元素设置为true。例如：


功能检查按钮（元素）{
element.checked=true；
}
如果将单选按钮包装在容器中，则可以使用document.getElementById附加事件处理程序。这样，如果JavaScript发生了变化，HTML就不会发生变化

<span id="radio-buttons">
    <input type="radio" class="tryout" name="example" checked="check">
    <input type="radio" class="tryout" name="example">
    <input type="radio" class="tryout" name="example">
    <input type="radio" class="tryout" name="example">
</span>
<script>
document.getElementById("radio-buttons").onmouseover = function (e) {
    e.target.checked = true;
}
</script>


document.getElementById（“单选按钮”）.onmouseover=function（e）{
e、 target.checked=true；
}
我甚至会增加jakekimds的功能，避免将javascript内联到您的输入中，以分离表示和功能。所以你会得到

HTML

有关IE兼容性，请参阅此网站
<input type="radio" class="tryout" name="example1">
<input type="radio" class="tryout" name="example2">
<input type="radio" class="tryout" name="example3">
<input type="radio" class="tryout" name="example4">

var inputs = document.getElementsByClassName('tryout');
[].forEach.call(inputs, function(el){
    el.addEventListener('mouseenter',function(){
        this.checked = true;
    });
});