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 实现点击两次 第一次点击选中第二次点击取消的主要内容,如果未能解决你的问题,请参考以下文章

js实现点击选中,第二次点击取消选中状态

jquery radio选中值的保存问题

jquery中单选选中及清除选中状态

Jquery .remove() 仅在第二次点击时起作用

为什么V-select值会在第二次点击而不是第一次点击时发生变化?

关于jsp radiobutton 点击时刷新页面,重置检索结果