使用javascript检查/取消选中无线电输入

前端之家收集整理的这篇文章主要介绍了使用javascript检查/取消选中无线电输入前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个无线电输入组.如果检查了收音机,我再次点击它就会取消选中.

有没有办法获得收音机onClick事件的先前状态?

<input name="options" type="radio" onClick="resetMeIfChecked()">
<input name="options" type="radio" onClick="resetMeIfChecked()">
<input name="options" type="radio" onClick="resetMeIfChecked()">

解决方法

jQuery版
// bind to retrieve old status
$('input[type="radio"]').mousedown(function() { 
    // if it was checked before
    if(this.checked) {
        // bind event to reset state after click is completed
        $(this).mouseup(function() {  
            // bind param,because "this" will point somewhere else in setTimeout
            var radio = this;
            // apparently if you do it immediatelly,it will be overriden,hence wait a tiny bit
            setTimeout(function() { 
                radio.checked = false; 
            },5); 
            // don't handle mouseup anymore unless bound again
            $(this).unbind('mouseup');
        });
    }
});

但同样,这并不是如何使用单选按钮.我认为你可以更好地设置一个复选框,你可以取消选中当前点击的所有其他复选框(因此总是最多选择1个)

A working example

原文链接:https://www.f2er.com/js/158569.html

猜你在找的JavaScript相关文章