首页 > web前端 > js教程 > radio第一次点击选中第二次点击取消功能如何实现

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

小云云
发布: 2018-01-12 09:30:22
原创
3276 人浏览过

本文主要介绍了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

以上是radio第一次点击选中第二次点击取消功能如何实现的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板