jQueryで1つのチェックですべてのチェックボックスを選択

Question

1つのチェックボックス（checkAll）をチェックしてすべてを選択する必要があります。選択を解除すると、すべて選択解除する必要があります。さらに、それらがすべて選択されてから 'a'、 'b'または 'c'のチェックを外すと、 'checkAll'もチェックを外す必要があります。

<input type="checkbox" value="" id="checkAll"> 
<input type="checkbox" value="a"> 
<input type="checkbox" value="b"> 
<input type="checkbox" value="c"> 

使用する必要があるトリガーは何ですか？試してみましたが、失敗しました：

Answer 1

changeイベントを使用してください。 #checkAllボックスが変更されたら、対応する他のボックスを変更します。

$(":checkbox").not("#checkAll").change(function() 
{ 
    $("#checkAll").attr("checked", $(":checkbox").not(":checked").not("#checkAll").length ? false : true); 
}); 

基本的にこれが#checkAll変化よりも、チェックボックスは、他のときに実行、およびかどうかそこに依存#checkAllを変更します。他の人によると、あなたはこのような何かを行うことができたときに#checkAllボックスを変更するには

チェックされていないボックスです。

Answer 2

私はあなたのコードのいずれかを変更していない、それが私の作品：http://jsfiddle.net/9U2aQ/

あなたが正しくあなたのjqueryのファイルを参照していることを確認します。

Answer 3

これは動作するはずです：あなたが何をしたいん

$(':checkbox').not('#checkAll').change(function() 
    { 
     $("#checkAll").attr("checked", $(":checkbox").not(":checked").not("#checkAll").length ? false : true); 
    }); 
    $("#checkAll").change(function() 
    { 
     $(':checkbox').attr('checked', this.checked); 
    }); 

Answer 4

シンプルなスクリプト：

はHTML：

<div> 
    <input type="checkbox" value="" id="checkAll"> 
    <input type="checkbox" value="a" class="others"> 
    <input type="checkbox" value="b" class="others"> 
    <input type="checkbox" value="c" class="others"> 
</div> 

をジャバスクリプト：

<script type="text/javascript"> 
    $("#checkAll").change(function() { 
     $(":checkbox").attr("checked", this.checked); 
    }); 
    $(".others").change(function() { 
     if (!$('input.others[type=checkbox]:not(:checked)').length) 
      $("#checkAll").attr('checked', true); 
     if (!$('input.others[type=checkbox]:checked').length) 
      $("#checkAll").attr('checked', false); 
    }); 
</script>