チェックボックスをオンにすると他のチェックボックスをオフにします

Question

私は6つのチェックボックスを1つの営業日に1つ、「すべて」といいます。

私ができることを望むのは、誰かが「すべて」のチェックボックスをクリックすると他のすべてのチェックボックスをオフにすることです。

例えば、誰かが月曜日と水曜日をクリックした場合、それらが入ってきて「すべて」チェックボックスをクリックすると、月曜日と水曜日のチェックボックスはオフになります。

乾杯、

Answer 1

のすべてに簡単にループすることができるように配列し、セットアップ中にループをすべてのIDを入れたり、文書の構造をプレイしたい場合があります後

$('#all-id').change(function(){ 
    if($('#all-id').is(':checked')){ 
    if($('#monday-id').is(':checked')){ 
     $('#monday-id').attr('checked', false); 
    } else { 
     $('#monday-id').attr('checked', true); 
    } 
    // etc 
    } 
}); 

これは、あなたではありませんほしいが、より賢明であるようだ。

HTML

<input type="checkbox" id="chkAll" /> 
<br /> 
<input type="checkbox" id="chkMonday" class="child" /> 
<input type="checkbox" id="chkTuesday" class="child" /> 
<input type="checkbox" id="chkWednesday" class="child" /> 
<input type="checkbox" id="chkThursday" class="child" /> 
<input type="checkbox" id="chkFriday" class="child" /> 
<input type="checkbox" id="chkSaturday" class="child" /> 
<input type="checkbox" id="chkSunday" class="child" /> 

jQueryの

$(function(){ 
    $("#chkAll").change(function(){ 
     if (this.checked) { 
      $("input:checkbox.child").attr("checked", "checked"); 
     } 
     else { 
      $("input:checkbox.child").removeAttr("checked"); 
     } 
    }); 
}); 

working demo

を参照してください。また、子のチェックボックスで変更を処理updated versionを参照してください。

Answer 2

jQueryと、このようないくつかのコードは、それを行う必要があります。あなたがそれらのチェックボックス