jquery取消选择所有复选框

Question

我有这个 HTML:

<div id="SomeID">

  <input type="checkbox" class="SomeClass">
  <input type="checkbox" class="SomeClass">
  <input type="checkbox" class="SomeClass">

</div>

我想取消选择 SomeClass 类型的所有复选框。

  $('#SomeID .SomeClass').each(function () {
     $(this)....
  });

我该怎么做？

谢谢。

Answer 1

您可以使用prop :

$('#SomeID .SomeClass').prop('checked', false);

如果您使用的是 jQuery 1.6 之前的版本，您可以使用:

$('#SomeID .SomeClass').each(function () {
    this.checked = false;
});

<小时/>

不要使用 attr 或 removeAttr 更改 :checked 状态!

^{更改元素上的checked属性和更改checked属性之间存在差异，这是微妙的，但值得一提。}

如果更改属性值，并且用户重置表单，则将从 [checked] 属性是否存在中提取“重置”状态。如果您添加/删除了 [checked] 属性，您将丢失复选框的原始状态。

Here's an example