comment afficher et masquer le bouton image case

Question

$('#btnSelectAll').click(function() { 
      $('.inputchbox').attr('checked', true); 
      $('fieldset').find('img').hide(); // datepicker hide 

     }); 
    //Cancel will deselect all checkboxes and hide submit and Cancel Buttons 
     $('#btnCancel').click(function() { 
      $('.inputchbox').attr('checked', false); 
      $('fieldset').find('img').show(); //datepicker show 
     }); 

Ceci est mon selectAll et cancelall cliquer travail events..its bon ..

autre alors ce sur la sélection individuelle sur la case

$(".inputchbox").change(function() { 
     if ($('.inputchbox').is(':checked')) { 
      $(this).closest("fieldset").find('img').hide(); // Datepicker hide 
     } 
     else { 
      $(this).closest("fieldset").find('img').show(); // datepicker show 

     } 
    }); 
</script> 

sur selctAll et cancelall je peux montrer et cacher mon tout l'image de datepicker dans mon fieldset

sur la sélection individuelle de la case fonctionne également bien.

mon problème est ..

quand je selectall je peux cacher tout mon image datepicker après avoir fait est .. si faire individuellement sur mon chaque boîte de case pour afficher mon image son ne fonctionne pas et ne va pas même pour autre condition sur la sélection de case à cocher? est que tout faire mal grâce

Answer 1

Dès le départ, je pense que vous voulez modifier l'instruction if utiliser $ (this) au lieu du sélecteur de classe .inputchbox, qui devrait au moins obtenir votre autre pour déclencher

$(".inputchbox").change(function() { 
     if ($(this).is(':checked')) { 
      $(this).closest("fieldset").find('img').hide(); // Datepicker hide 
     } 
     else { 
      $(this).closest("fieldset").find('img').show(); // datepicker show 

     } 
    }); 

Answer 2

$(".inputchbox").change(function() { 
     if ($('.inputchbox').is(':checked')) { 
    // use this here ^---< $(this).is(':checked') 

Answer 3

comme alternative à la réponse acceptée, il y a rarement une raison de cette .is(':checked') dans une déclaration if, vous pouvez utiliser la propriété DOM .checked directement et .toggle(bool) au lieu de montrer/cacher, comme ceci:

$(".inputchbox").change(function() { 
    $(this).closest("fieldset").find('img').toggle(!this.checked); 
});