Comment écouter une case à cocher dans Jquery

Utilisez l’événement change() et le test is() :

 $('input:checkbox').change( function(){ if ($(this).is(':checked')) { alert('checked'); } }); 

J’ai mis à jour les éléments ci-dessus, en raison de ma confiance stupide dans jQuery (dans if ) lorsque les propriétés DOM seraient également appropriées et également moins chères à utiliser. De plus, le sélecteur a été modifié afin de pouvoir être transmis, dans les navigateurs qui le prennent en charge, à la méthode document.querySelectorAll() du DOM:

 $('input[type=checkbox]').change( function(){ if (this.checked) { alert('checked'); } }); 

Par souci d’achèvement, la même chose est également facilement possible en clair JavaScript:

 var checkboxes = document.querySelectorAll('input[type=checkbox]'), checkboxArray = Array.from( checkboxes ); function confirmCheck() { if (this.checked) { alert('checked'); } } checkboxArray.forEach(function(checkbox) { checkbox.addEventListener('change', confirmCheck); }); 

Les références:

• JavaScript:
  • Array.from() .
  • Array.prototype.forEach() .
  • document.querySelectorAll() .
  • EventTarget.addEventListener() .
• jQuery:
  • :checked
  • change() .
  • is() .

 $('input:checkbox').live('change', function(){ if($(this).is(':checked')){ alert('checked'); } else { alert('un-checked'); } }); 

jsfiddle: http://jsfiddle.net/7Zg3x/1/

 $('input:checkbox').change(function(){ if($(this).is(':checked')){ alert('Checked'); } }); 

Voici une démo

Essaye ça

 $('input:checkbox').change(function(){ if(this.checked) alert('checked'); else alert('not checked'); }); 

 $("input:checkbox").change(function(){ alert($(this).val()); }); 

voici le violon http://jsfiddle.net/SXph5/

jquery change

 $("input[type='checkbox']").click(function(){ alert("checked"); }); 

Juste un .click normal fera l’affaire.