使用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

相关文章

前言 做过web项目开发的人对layer弹层组件肯定不陌生,作为l...
前言 前端表单校验是过滤无效数据、假数据、有毒数据的第一步...
前言 图片上传是web项目常见的需求,我基于之前的博客的代码...
前言 导出Excel文件这个功能,通常都是在后端实现返回前端一...
前言 众所周知,js是单线程的,从上往下,从左往右依次执行,...
前言 项目开发中,我们可能会碰到这样的需求:select标签,禁...