jquery取消选中所有复选框

时间:2012-06-06 13:55:06

标签: jquery

我有这个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)....
  });

我该怎么做?

感谢。

2 个答案:

答案 0 :(得分:10)

您使用prop

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

如果您使用的是jQuery pre 1.6版本,则可以使用:

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

不要使用attrremoveAttr来更改:checked州!

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

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

Here's an example

答案 1 :(得分:0)

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