javascript – 第二次单击时取消选中单选按钮

发布时间：2021-01-17 15:34:53 所属栏目：MySql 来源：互联网

导读：我有很多单选按钮从我的数据库中获取值,如果设置为“1”,我会选中单选按钮.如果选中单选按钮,并且用户再次单击它,我仍然希望能够清除此按钮.有没有人有想法？$radio1从数据库中获取数据,将为0,1或2input value=1 name=radio1 type=radio?php if($radio1==1){e

我有很多单选按钮从我的数据库中获取值,如果设置为“1”,我会选中单选按钮.

如果选中单选按钮,并且用户再次单击它,我仍然希望能够清除此按钮.有没有人有想法？

$radio1从数据库中获取数据,将为0,1或2


Varun Malhotra的答案略有修改：
我改变了2行代码,对我来说效果更好.但总的来说,Varun的答案是完美的！

$('input[type="radio"]').click(function(){
    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);
    }

    // remove was checked from other radios
    $radio.siblings('input[type="radio"]').data('waschecked',false);
});


最佳答案
我建议添加一个自定义属性来跟踪每个无线电的先前状态,如下所示：

$(function(){
    $('input[name="rad"]').click(function(){
        var $radio = $(this);

        // if this was previously checked
        if ($radio.data('waschecked') == true)
        {
            $radio.prop('checked',false);
            $radio.data('waschecked',false);
        }
        else
            $radio.data('waschecked',true);

        // remove was checked from other radios
        $radio.siblings('input[name="rad"]').data('waschecked',false);
    });
});

您还需要将此属性添加到最初检查的无线电标记中


JSFIDDLE DEMO
更新：

 $(function(){
        $('input[name="rad"]').click(function(){
            var $radio = $(this);

            // if this was previously checked
            if ($radio.data('waschecked') == true)
            {
                $radio.prop('checked',false);
                $radio.data('waschecked',false);
            }
            else
                $radio.data('waschecked',true);

            // remove was checked from other radios
            $radio.siblings('input[type="radio"]').data('waschecked',false);
        });
    });

但请确保您没有其他无线电组可以使用,否则您必须提供一些属性来指定这些按钮,就像我之前关注的名称一样.
                        （编辑：长春站长网）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!