欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-05-11 12:43:06
...
本文主要介绍了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第一次点击选中第二次点击取消功能如何实现的详细内容,更多请关注其它相关文章!