Comment écouter quand une case à cocher est cochée en Jquery

Question

J'ai besoin de savoir quand une case à cocher de la page est cochée :

par exemple

<input type="checkbox">

J'ai essayé ceci dans Jquery

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

Mais ça n'a pas marché, des idées ?

Answer 1

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

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

J'ai remplacé ce qui précède par ce qui suit, en raison de ma dépendance stupide à l'égard de jQuery (dans l'onglet if ) alors que les propriétés DOM seraient tout aussi appropriées, et aussi moins chères à utiliser. Le sélecteur a également été modifié, afin de lui permettre d'être passé, dans les navigateurs qui le supportent, à la propriété DOM document.querySelectorAll() méthode :

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

Pour terminer, la même chose est facilement réalisable en 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);
});

---

Références :

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

Answer 2

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

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

Answer 3

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

Voici une démo

Answer 4

Essayez ceci

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

Answer 5

Si vous voulez utiliser .on, cela fonctionne

 jQuery('input[type=checkbox]').on('change', function() {
   if (this.checked) {
     console.log('checked');
   }
 });