微智科技网
您的当前位置:首页radio第一次点击选中第二次点击取消功能如何实现

radio第一次点击选中第二次点击取消功能如何实现

来源:微智科技网


本文主要介绍了jQuery实现radio第一次点击选中第二次点击取消功能的相关知识,具有很好的参考价值。下面跟着小编一起来看下吧,希望能帮助到大家。

由于项目的需求,要求radio点击两次后为取消状态,不方便修改为checkbox,可以用正面的方法实现。

// jquery
 $('input:radio').click(function(){
 //alert(this.checked);
 //
 var $radio = $(this);
 // if this was previously checked
 if ($radio.data('waschecked') == true){
 $radio.prop('checked', false);
 $radio.data('waschecked', false);
 } else {
 $radio.prop('checked', true);
 $radio.data('waschecked', true);
 }
 });

相关推荐:

jQuery获取单选按钮radio选中值与去除所有radio选中状态实例分享

jQuery实现 RadioButton做必选校验功能方法分享

在html怎样使用radio

显示全文