Jquery：如何取消选中复选框

Posted 2023-03-11

【中文标题】Jquery：如何取消选中复选框

【英文标题】：Jquery: How to deselect checkboxes

【发布时间】：2013-11-19 10:52:34

【问题描述】：

我有一个带有两个选项的选择器。 根据选项会出现一组复选框。

在这里你可以看到它：http://jsbin.com/acOXisI/24/edit

问题是，如果我选择了一些复选框，然后在选择器中选择了另一个选项，那么之前的复选框仍然处于选中状态，这会产生问题。

So what i have to do is: when one option of the selector is selected, as the very first thing, i UNCHECKED all the checkboxes.

你知道我该怎么做吗？

非常感谢。 我希望这个问题已经很清楚了。 有不明白的可以问！

【问题讨论】：

使用单选按钮，这就是它们的用途。

不能用 JQuery 取消选择 chekcboxes 吗？

当然可以，但是单选按钮默认具有此功能

啊好的。谢谢你告诉我！

【参考方案1】：

您可以在选择更改时自动取消选中所有复选框，因此请将其添加到顶部的更改选择中

  $("input[type='checkbox']").each(function() 
    this.checked = false;
  );

【讨论】：

非常感谢！这正是我所需要的！七分钟后，我将能够检查它是否正确。

当然可以。我已经修改了我的项目，现在工作顺利！

【参考方案2】：

要取消选中复选框，请尝试$('#id').prop('checked', false);

【参考方案3】：

当您有一组选项，但一次只能选中一个时，您应该使用单选按钮。

<input type="radio" name="groupName">

name 属性定义相互关联的单选按钮组。这意味着type="radio"和name="groupName"的所有输入，一次只会检查1个。

【参考方案4】：

只需添加这个：

$("fieldset").on('change',':checkbox',function ()$(this).closest("fieldset").find("fieldset :checkbox").not($(this)).prop('checked',false));

http://jsbin.com/acOXisI/35/edit

【参考方案5】：

您可以取消选中复选框

 $("input[type=checkbox]").attr("checked", false);