radio 实现点击两次 第一次点击选中第二次点击取消

Posted 我的博客园

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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);
        }
   });

以上是关于radio 实现点击两次 第一次点击选中第二次点击取消的主要内容,如果未能解决你的问题,请参考以下文章