Combien de cases sont cochées

Question

J'ai des boutons de contrôle sur le document.

<input type="checkbox" id="CustmerRequested"/> 

Je veux savoir combien de cases dans le document sont vérifiées.

J'ai essayé de faire alert(document.all.CustmerRequested.checked.length); mais ça dit undefined.

Comment puis-je savoir combien de boîtes sont cochées?

Answer 1

Si vous commencez à construire un site qui a besoin de ce genre de la programmation côté navigateur régulièrement, je suggère de regarder jQuery. Voir ici pour les tutoriels: http://docs.jquery.com/Tutorials

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
<script type="text/javascript"> 
    $(function() { 
     $("#someButton").click(function() { 
      var checkedBoxes = $("#yourForm input:checked"); 
      alert(checkedBoxes.length + " checked."); 
     }); 
    }); 
</script> 

Answer 2

Utilisez un framework Javascript comme Prototype ou JQuery pour trouver les éléments que vous devez vérifier, par ex. Dans Prototype:

var inputs = $$('input'); 

Ce retour tableau peut alors en boucle sur pour compter le nombre d'entrées qui sont les cases cochées, comme ceci:

for (var i=0; i<inputs.length; i++){ 
    if (inputs[i].type == 'checkbox' && inputs[i].checked) { 
     numChecked++; 
    } 
} 

Answer 3

Oui, vous pouvez le faire avec JavaScript. Non, vous n'avez pas besoin de jQuery.

est ici une façon:

function howManyAreChecked() 
{ 
one = document.getElementById("one").checked; 
two = document.getElementById("two").checked; 
three= document.getElementById("three").checked; 

var checkCount = 0; 
if (one == true) 
    { checkCount = checkCount + 1 } 
if (two == true) 
    { checkCount = checkCount + 1 } 
if (three == true) 
    { checkCount = checkCount + 1 } 

alert(checkCount); 
} 

L'exemple ci-dessus suppose que vous avez 3 cases à cocher en HTML, avec ids « un », « deux » et « trois ». Le script stocke d'abord la valeur de la propriété "checked", qui peut être TRUE ou FALSE. Le script regarde ensuite chaque variable différente, et si TRUE, incrémente le compteur.