web-dev-qa-db-fra.com

Comment obtenir une longueur sur la case à cocher barré tableau javascript

<form name='form1' >
   <input type=checkbox name='cbox[]' />
</form>

<script>    
   var checkbox = document.getElementsByName('ckbox[]')
   var ln = checkbox.length
   alert(ln)
</script>

Comment puis-je compter uniquement les cases cochées avec JavaScript ou jQuery?

javascriptjquerycheckbox
12
user1148875

Le faire avec jQuery raccourcirait le code et le rendrait plus lisible, maintenable et plus facile à comprendre. Utilisez sélecteur d'attributs avec : coché sélecteur

Démo en direct

$('[name="cbox[]"]:checked').length
29
Adil

Si vous voulez utiliser du javascript simple

var checkbox = document.getElementsByName('ckbox[]');
var ln = 0;
for(var i=0; i< checkbox.length; i++) {
    if(checkbox[i].checked)
        ln++
}
alert(ln)
5
Sandeep

solution jQuery:

var len = $("[name='cbox[]']:checked").length;

Solution JavaScript:

var len = [].slice.call(document.querySelectorAll("[name='cbox[]']"))
    .filter(function(e) { return e.checked; }).length;
4
VisioN

$('input:checked').length fera l'affaire si vous n'avez pas d'autres balises d'entrée que dans ce formulaire.

1
Greg

Essaye ça

solution jQuery:

var len = $(":checked",$("input[name='cbox[]']")).size();
1
user2063626
var fobj = document.forms[0];

var c = 0;
for (var i = 0; i < formobj.elements.length; i++)
{
if (fobj.elements[i].type == "checkbox")
{
if (fobj.elements[i].checked)
{
c++;
}
}       
}

alert('Total Checked = ' + c);
1
Gaurav

Essaie,

var boxes = $('input[name="cbox[]"]:checked');

trouver combien sont vérifiés,

$(boxes).size();

ou 

$(boxes).length();
0
Swarne27

Vous pouvez aussi utiliser comme ci-dessous

$('[name=cbox\\[\\]]:checked').length
0
Nikunj K.

Essaye ça,

var ch_n = $ ("entrée: vérifié") .length; 

0
Hari

tu fais aussi par là

vous devez définir la classe pour checkBox puis suivre ci-dessous

var chkLength = $ ('input.className: vérifié'). length; alert (chkLength);

cela affichera votre nombre total de cases à cocher dans la liste

0
Affan
var len = $("[name='cbox[]']:checked").length;

fonctionnera mais ne fonctionnera pas si vous comparez directement comme

if ( $("[name='cbox[]']").length= $("[name='cbox[]']:checked").length)
0
user3089154