双击后如何取消选中单选按钮?

Posted

技术标签:

【中文标题】双击后如何取消选中单选按钮?【英文标题】:How to uncheck radio button upon double clicking? 【发布时间】:2014-05-11 22:53:33 【问题描述】:

我想要这个功能:

当用户点击已经选中的单选按钮时,应该取消选中它。

我正在尝试这段代码,但没有成功。

$(document).on('mouseup','className',function()
    if ($(this).is(':checked'))
        $(this).prop('checked', false);
    
);

【问题讨论】:

重复? ***.com/questions/2117538/… 【参考方案1】:

你可以试试

$(document).on('dblclick','.className',function()
    if(this.checked)
        $(this).prop('checked', false);
    
);

演示:Fiddle

【讨论】:

【参考方案2】:

您可以使用.dblclick()

$(document).on('dblclick','className',function()
    if ($(this).is(':checked'))
        $(this).prop('checked', false);
    
);

【讨论】:

【参考方案3】:

我是这样想的:

$(document).on('dblclick','.yourCls',function()
   if(this.checked) // if true
      $(this).prop('checked', !this.checked); // then !this.checked == false
   
);

您必须检查其检查状态this.checked 返回布尔值true/false。如果true 取消选中它,否则选中它。

【讨论】:

【参考方案4】:

试试这个

HTML

<input type="radio" class="rdCheck" checked="checked" text="click me"/> click me

JS

$('.rdCheck').dblclick(function()

          if($(this).is(':checked'))
          
             $(this).removeAttr('checked');
          
);

DEMO HERE

【讨论】:

以上是关于双击后如何取消选中单选按钮?的主要内容,如果未能解决你的问题,请参考以下文章

如何取消选中或清除单选按钮组?

自定义单选按钮:如何取消选中? (复选框黑客)[重复]

取消选中单选按钮后如何更改课程

取消选中带有 Material UI 的单选按钮

如何使用 JQuery 取消选中 GridView 中的所有单选按钮?

如何取消选中radiogroup中的单选按钮并听取操作