Compter le nombre de cases cochées en HTML

Donc, fondamentalement, je veux compter le nombre de cases qui sont cochées. Je reçois mon code, au point où il les compte avec succès, mais je tiens à mettre un message d'alerte qui indique le nombre de cases cochées, le code n'est présent, mais ne montre pas le nombre total, il incrémente le total de chaque actualisation. Je veux juste savoir comment je peux montrer un comptage total.

Il devrait afficher le total lorsque le bouton radio " oui " est cliqué.

<br />Apples
<input type="checkbox" name="fruit" />Oranges
<input type="checkbox" name="fruit" />Mango
<input type="checkbox" name="fruit" />
<br />Yes
<input type="radio" name="yesorno" id="yes" onchange="checkboxes()"
function checkboxes(){
    var inputElems = document.getElementsByTagName("input"),
    count = 0;
    for (var i=0; i<inputElems.length; i++) {
    if (inputElems[i].type === "checkbox" && inputElems[i].checked === true){
        count++;
        alert(count);
    }
}}

source d'informationauteur roro

  1. 16

    Cela devrait faire l'affaire:

    alert(document.querySelectorAll('input[type="checkbox"]:checked').length);

  2. 10

    essayez ceci à l'aide de jquery

    Méthode 1:

    alert($('.checkbox_class_here :checked').size());

    Méthode 2:

    alert($('input[name=checkbox_name]').attr('checked'));

    Méthode: 3

    alert($(":checkbox:checked").length);
  3. 3

    Essayer ce code

     <br />Apples
                <input type="checkbox" name="fruit" checked/>Oranges
                <input type="checkbox" name="fruit" />Mango
                <input type="checkbox" name="fruit" />

                <br />Yes
<input type="radio" name="yesorno" id="yes" onClick="checkboxes();" />

    Javascript

         function checkboxes()
      {
       var inputElems = document.getElementsByTagName("input"),
        count = 0;

        for (var i=0; i<inputElems.length; i++) {       
           if (inputElems[i].type == "checkbox" && inputElems[i].checked == true){
              count++;
              alert(count);
           }

        }
     }

    VIOLON DÉMO

  4. 2

    Le code initial était très près de la droite. la ligne
    alert(count);
    a été au mauvais endroit. Il aurait dû venir après la seconde accolade de fermeture comme ceci:-

     function checkboxes()
  {
   var inputElems = document.getElementsByTagName("input"),
    count = 0;

    for (var i=0; i<inputElems.length; i++) {       
       if (inputElems[i].type == "checkbox" && inputElems[i].checked == true){
          count++;
       }
    }
    alert(count);
 }

    Au mauvais endroit, c'était de vous donner un message d'alerte à chaque case est cochée.

  5. 1
    var checkboxes = document.getElementsByName("fruit");
for(int i;i<checkboxes.length;i++)
{
if(checkboxes[i].checked==0){checkboxes.splice(i,1);}
}
alert("Number of checked checkboxes: "+checkboxes.length);
  6. 1

    Grâce à Marlon Bernardes pour cela.
    alert(document.querySelectorAll('input[type="checkbox"]:checked').length);

    Si vous avez plus d'un formulaire avec différents case noms dans chaque, le code ci-dessus va compter toutes les cases de toutes les formes.

    Pour obtenir plus de cela, vous pouvez la modifier pour isoler par nom.

    var le = document.querySelectorAll('input[name="chkboxes[]"]:checked').length;