合計チェックボックスの数とチェックボックスの数を比較しますか？

Question

ヘッダーチェックボックスとそれに続く「子」チェックボックスがあり、私のアプリが読み込まれるたびにプログラムで表示されます。

ユーザーがすべての子ボックスのチェックを外すと、ヘッダーが自動的にチェックボックスがオフになるようにしようとしています。私は開始時にページ上のすべてのチェックボックスを通じてマップ：

var x = ''; 
$(document).ready(function() { 
    $('.class').map(function() { 
    x += ('Yes'); 
    }); 
    alert(x); 
}); 

これは、各セクションに存在するチェックボックスの数は、「はい」と私に配列を与えます。

ユーザーがそのクラス内のボックスのチェックを外すと、アレイを何も分割しないようにする必要があります。私は立ち往生している。ここで

は私の変更リスナーです：

$(':checkbox').change(function() { 
if(**THE CHECKBOX I AM UNCHECKING HAS THE CLASS**) { 
    x.slice(-1); 
} 
}); 

SOLUTION：

<input class='children' type='checkbox'/> 
<input class='children' type='checkbox'/> 
<input class='header' type='checkbox'/> 

var check_count = $(".children:checked").length; 

$(".children").change(function() { 
if(!this.checked) { 
if (check_count == 0) { 
$(".header").prop("checked", false); 
} 
} 
}); 

Answer 1

あなたは、単にチェックするチェックボックスを返すjQueryのセレクタを使用して、カウントを取得するために.lengthを使用することができます。

var check_count = $(".children:checked").length; 
if (check_count == 0) { 
    $(".header").prop("checked", false); 
} 

Answer 2

は、最も効率的ではないかもしれないが、このような何かが動作する可能性があります。ユーザーがチェックボックスをクリックするたびに、他のすべてのチェックボックスが表示されます。少なくとも1つに小切手があれば、それは偽と表示され、終了します。どれもチェックされていない場合、親のチェックが外されます。

$(".childrenCheckBoxes").change(function(){ 

    $(".childrenCheckBoxes").each(function(){ 
    if (this.checked) 
     return false; 
    }); 
    $("#parentCheckBox").prop('checked', false); 
    return true; 
}); 

編集：Barmarのアプローチは非常にきれいです