Jquery:如何取消选中复选框

Jquery: How to deselect checkboxes

本文关键字：复选框 取消 何取消 Jquery      更新时间：2023-09-26

我有一个带有两个选项的选择器。根据选项的不同，将显示一组复选框。

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

问题是，如果我选择一些复选框，然后在选择器中选择另一个选项，那么以前的复选框将保持选中状态，这会产生问题。

所以我要做的是：当选择器的一个选项被选中时，作为第一件事，我取消选中所有复选框。

你知道我该怎么做吗？

非常感谢。我希望这个问题已经讲清楚了。如果你不明白什么，请走开！

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

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

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

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

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

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

只需添加以下内容：

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

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

您可以通过取消选中复选框

 $("input[type=checkbox]").attr("checked", false);
相关文章：