除了已禁用的复选框之外,我该如何查看所有复选框?

时间:2017-06-02 08:34:38

标签: jquery checkbox

如果我点击checkAll,我想检查除已禁用的复选框以外的所有复选框。



$("#checkAll").click(function () {
  $(".projectlist input:checkbox").each(function () { 
    if($(this).is(':enabled')){
     $('.projectlist input:checkbox').not(this).prop('checked', this.checked);
  }
 });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="projectlist">
<input id="checkAll" type="checkbox"><br>
<input disabled type="checkbox"><br>
<input disabled type="checkbox"><br>
<input type="checkbox"><br>
<input type="checkbox"><br>
</div>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:4)

&#13;
&#13;
$("#checkAll").click(function() {

  $('.projectlist input:checkbox:enabled').prop('checked', this.checked);


});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="projectlist">
  <input id="checkAll" type="checkbox"><br>
  <input disabled type="checkbox"><br>
  <input disabled type="checkbox"><br>
  <input type="checkbox"><br>
  <input type="checkbox"><br>
</div>
&#13;
&#13;
&#13;

  1. 使用:enabled()选择器
  2.   

    描述:选择所有已启用的元素。