Événement de changement d'état d'une case à cocher jQuery

Question

Je veux qu'un événement soit déclenché côté client lorsqu'une case à cocher est cochée ou décochée :

$('.checkbox').click(function() {
  if ($(this).is(':checked')) {
    // Do stuff
  }
});

En fait, je veux que cela se produise pour chaque case à cocher de la page. Cette méthode de déclenchement au clic et de vérification de l'état est-elle acceptable ?

Je pense qu'il doit y avoir un moyen plus propre avec JQuery. Quelqu'un connaît-il une solution ?

Answer 1

Essayez cette "approche html" qui est acceptable pour les petits projets JS

function msg(animal,is) {
  console.log(animal, is.checked);   // Do stuff
}

<input type="checkbox" oninput="msg('dog', this)" />Do you have a dog? <br>
<input type="checkbox" oninput="msg('frog',this)" />Do you have a frog?<br>
...