Comment ajouter des valeurs de cases à cocher en temps réel en utilisant JQuery?

Question

devrait être facile, mais ce code ne fonctionne pas pour moi:

$("#checkboxdiv input:checkbox").change(function() { 
      var total = 0; 
      $('#checkboxdiv input:checkbox:checked').each(function() { 
       total += parseInt(this.value, 10); 
      }); 
      $('#totalsdiv').text(total); 
     }); 

Les cases à cocher à prendre en compte sont tous dans le #checkbox div, et je suis en train de remplir le div avec le montant total.

Merci.

Answer 1

As the code is fine and works, il est probable qu'il existe une erreur non liée ailleurs.

Vous devez utiliser le developer tools pour le déboguer et le rechercher.

Answer 2

Sans connaître votre problème je pense à ce

 
     $("#checkboxdiv input:checkbox").change(function() { 
      var total = 0; 
      $('#checkboxdiv input:checkbox:checked').each(function() { 
       total += parseInt($(this).val(), 10); 
      }); 
      $('#totalsdiv').text(total); 
     }); 

Answer 3

Vous pouvez essayer d'écouter l'événement, cliquez sur le CheckBox, au lieu de l'événement de changement.