Case à cocher onclick décocher les autres cases

Question

J'ai 6 cases à cocher, une pour chaque jour ouvrable et une qui dit 'tout'.

Ce que je veux être en mesure de faire est de décocher toutes les autres cases si quelqu'un clique sur la case «tous» si cela est logique. Par exemple, si quelqu'un a cliqué lundi et mercredi ... alors ils viennent et cliquent sur la case «tous», alors les cases lundi et mercredi doivent être décochées.

Cheers,

Answer 1

Ce n'est pas vous vouloir, mais semble être plus sensible.

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"); 
     } 
    }); 
}); 

Voir un working demo

Voir une updated version qui gère les changements dans les cases des enfants aussi.

Answer 2

jquery et un code comme cela devrait le faire.

$('#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 
    } 
}); 

Une fois que vous voudrez peut-être mettre tous les ids dans un tableau et la configuration d'une boucle ou jouer avec la structure de votre document pour pouvoir boucler facilement sur toutes les cases