Javascript compter case cochée

Je sais que ça peut avoir quelques questions similaires @stackoverflow, mais je n'ai pas trouvé de solution à mon problème :s

<?php
while($rowVideo = mysql_fetch_array($ResultQueryVideo))
{
?>
<input type="checkbox" name = "checkbox-1[]" class="checkbox" value ="<?php echo $rowVideo['idVideo'] ?>" /> <?php....some code...

Il en résulte un peu de la case à cocher, le même nombre que idVideo..thats le point.

Maintenant, avant de le soumettre, j'ai besoin d'être sûr qu'au moins une case est cochée. Mais je n'étais pas sucesseful 😡

function isCountCheck (helperMsg) {
    var chkCnt = 0;
    var Frm = document.forms[0];
    var dLen = Frm.length - 1;
    for (i=0;i<=dLen;i++) {
        if(document.form1.["checkbox-1[]"].checked) chkCnt++;
    }

    if (chkCnt>0) {
        return true;
    } else {
        alert(helperMsg);
        return false;
    }
}

De détails supplémentaires:
form name = "form1"

Pouvez-vous me guider un peu ?
Grâce

EDIT:

function isCountCheck(){
    if($("input[type=checkbox]:checked").length > 0)
    {
    return true;
    }
    else
    {
    alert('Invalid');
    return false;
    }
}

Mais toujours pas de travail..même que l'alerte est affiché.

qu'est-ce que document.addemisao?
Le code à partir de votre mise à jour utilise jQuery - avez-vous inclus les jquery.js bibliothèque de votre page?

OriginalL'auteur user1148875 | 2012-08-07

  1. 3

    Le principal problème est que vous n'êtes pas à l'aide de la i index dans la boucle de référence les cases individuelles, et vous avez un . juste avant la [ qui est une erreur de syntaxe. Ainsi le changement:

    if(document.form1.["checkbox-1[]"].checked) chkCnt++;

    :

    if(document.form1["checkbox-1[]"][i].checked) chkCnt++;

    Mais vous pouvez les vaincus la fonction un peu comme suit:

    function isCountCheck(helperMsg) {
    var i, dLen = document.form1["checkbox-1[]"].length;
    //if the length property is undefined there is only one checkbox
    if (typeof dLen === "undefined") {
        if (document.form1["checkbox-1[]"].checked) return true;
    }
    else {
        for (i = 0; i < dLen; i++) {
            if (document.form1["checkbox-1[]"][i].checked) return true;
        }
    }
    alert(helperMsg);
    return false;
}

    Démo: http://jsfiddle.net/nnnnnn/ZjK3w/1/

    Ou tout simplement faire une boucle par tous entrées dans le formulaire, vérifier le type (et/ou le nom) de chacun:

    function isCountCheck(helperMsg) {
    var i, len, inputs = document.form1.getElementsByTagName("input");
    for (i = 0, len = inputs.length; i < len; i++) {
        if (inputs[i].type === "checkbox"
            && inputs[i].checked)
            return true;
    }
    alert(helperMsg);
    return false;
}

    Démo: http://jsfiddle.net/nnnnnn/ZjK3w/2/

    la chose est, je n'ai qu'un <input type="checkbox"> et à cause de while, il peut apparaître à 3 ou 5 notre plus case, dépend du nombre de idVideo lignes que j'ai eu.
    Comme ceci: SI j'ai 3 Vidéos - 3 case à cocher apparaissent. SI j'ai 1 vidéo - juste 1 checkbx est spectacle. Et qui fonctionne bien. Donc je ne peux pas résoudre mon problème de la manière dont Vous le suggérez. Merci quand même
    OK, j'ai mis à jour ma réponse à permettre une seule case.
    Salut, je pense qu'il peut travaillé 🙂 Merci. Et merci stackoverflow!

    OriginalL'auteur nnnnnn

  2. 2

    Solution la plus simple:

    var form = document.forms[0]; //your form element (whatever)
var checkedElms = form.querySelectorAll(':checked').length;

    Pas besoin de jQuery. Pris en charge vers le bas pour IE8. utilisation polyfill pour les anciens navigateurs, si vous le souhaitez.

    OriginalL'auteur vsync

  3. 0

    Utiliser Jquery:

    function isCountCheck(helperMsg){
    if($("input[type=checkbox]:checked").length > 0)
        return true;
    alert(helperMsg);
    return false;
}
    Regardez, j'ai édité ma question
    Il fonctionne ne vous inquiétez pas =). Vous devez avoir oublié d'inclure la librairie JQuery dans votre démonstration. J'ai ajouté ma fonction au-dessus de votre JSFiddlle: jsfiddle.net/cHxFJ/1

    OriginalL'auteur N. Taylor Mullen