2017-06-02 1 views
0

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>

答えて

3

$("#checkAll").click(function() { 
 

 
    $('.projectlist input:checkbox:enabled').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>

  1. 使用:enabled() セレクタ

説明:有効になっているすべての要素を選択します。

+0

うわー!とても簡単!私はとても複雑だと思っていた...ありがとう – Jarla

+0

@ジャラは幸せなコーディングを仲間を助けるためにうれしいよ:) – guradio

+0

はい幸せ:) :) – Jarla

関連する問題