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

以上就是radio第一次点击选中第二次点击取消功能如何实现的详细内容，更多请关注其它相关文章！