comment décocher les cases lors de la vérification d’autres personnes avec jQuery

J’ai ce html –

  1. test+2

    test words

  2. test

    test words

  3. test/h3>

    test words

  4. test

    test words

que je dois append une classe à la li sur “cocher” la case à cocher. Actuellement j’utilise cette

 $(document).ready(function() { $('.subproduct input:checkbox').change(function(){ if($(this).is(":checked")) { $(this).parent().toggleClass("checked"); } }); }); 

mais j’en ai besoin pour que chaque case soit cochée par l’utilisateur. Si cette case est cochée, elle supprime la classe d’une autre

  • Comment est-ce possible?

      Voir ceci: Échantillon

       $(document).ready(function() { $('.subproduct input:checkbox').change(function(){ $('.subproduct input:checkbox').not(this).attr("checked",false); $(".subproduct li").removeClass("checked"); if($(this).is(":checked")) { $(this).parent().toggleClass("checked"); } }); }); 

      supprime la classe de tous les

    • événements de chnage … en utilisant removeClass() ; … puis, si cochée, toggleClass() de ce

    • essaye ça

       $(document).ready(function() { $('.subproduct input:checkbox').change(function(){ $(".subproduct li").removeClass("checked"); //<---here if($(this).is(":checked")) { $(this).parent().toggleClass("checked"); // and using addClass("checked") here is better .. } }); }); 

      Essayez ceci http://jsfiddle.net/QHuV9/4/

        $(document).ready(function() { $('.subproduct input:checkbox').change(function(){ if($(this).is(":checked")) { $(this).parent("li").addClass("checked"); } else { $(this).parent("li").removeClass("checked"); } }); }); 

      J’espère que je prends votre question rite

      La solution la plus simple est quelque chose comme:

       $(document).ready(function() { $('.subproduct input:checkbox').change(function(){ if($(this).is(":checked")) { $(this).parent().siblings().removeClass('checked'); $(this).parent().addClass("checked"); } }); }); 

      Et je conseillerais d’utiliser pour que le comportement soit compris par l’utilisateur.

      essayez cette démo

       $(document).ready(function() { $('.subproduct input:checkbox').change(function(){ if($(this).is(":checked")) { $(':checkbox').prop('checked',false); $('ol li').removeClass('checked'); $(this).prop('checked',true); $(this).parent().addClass('checked'); } else { $(this).parent().removeClass('checked'); } }); });