JQuery case à cocher

Tous Un Deux Trois

Mon exigence est

  1. Quand cocher Tout devrait cocher Un, Deux, Trois aussi.
  2. Quand je décoche Tout, il faut décocher Un, Deux, Trois aussi
  3. Lorsque toutes les cases à cocher sont cochées et décochées, une, deux, trois dans ce cas, la case à cocher “Tout” doit être décochée.
  4. cocher / décocher devrait ne pas basculer

S’il vous plaît aider

$(function(){ $("#all").click(function(){ $("input:checkbox[name='checkGroup']").attr("checked",$(this).attr("checked")); }); $("input:checkbox[name='checkGroup']:not('#all')").click ( function(){ var totalCheckboxes = $("input:checkbox[name='checkGroup']:not('#all')").length; var checkedCheckboxes = $("input:checkbox[name='checkGroup']:not('#all'):checked").length; if ( totalCheckboxes === checkedCheckboxes ) { $("#all").attr("checked" , true ); } else { $("#all").attr("checked" , false ); } }); }); 

Démo

Qu’est-ce que vous essayez?

Essayons

   Toggle 5ve 

Cette solution utilise un sélecteur de classe cb dans les zones de texte “enfant”. Une autre solution serait de sélectionner tous ceux qui n’ont pas d’identifiant = tous. Il compare la longueur de l’ensemble des cases à cocher vérifiées avec la longueur de l’ensemble des cases à cocher pour déterminer si toutes doivent être cochées.

  All One Two Three