jquery - 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 pre 1.6 版本，您将使用：

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

---

不要使用attrorremoveAttr来改变:checked状态！

^{更改元素上的 checked 属性和更改 checked 属性是有区别的，这很微妙，但值得一提。}

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

这是一个例子

Answer 2

$(".SomeClass").prop('checked', false);