Jak uzyskać długość zaznaczonej tablicy pól wyboru javascript

Question

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

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

Jak mogę policzyć tylko zaznaczone pola z JavaScriptem lub jQuery?

Answer 1

Robi to z jQuery byłoby skrócić kod i uczynić go bardziej czytelnym, utrzymaniu i łatwiejsze do zrozumienia. Użyj attribute selector z :checked selektora

Live Demo

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

Answer 2

jQuery rozwiązanie:

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

rozwiązanie JavaScript:

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

Answer 3

$('input:checked').length zrobi, jeśli nie ma żadnych innych znaczników wejściowych niż w tej formie.

Answer 4

Jeśli chcesz używać zwykłego kodu JavaScript

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

Answer 5

Spróbuj tego rozwiązania

jQuery:

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

Answer 6

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); 

Answer 7

wypróbować,

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

dowiedzieć ile są sprawdzane,

$(boxes).size(); 

lub

Answer 8

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

będzie działać, ale nie będzie działać, jeśli są bezpośrednio porównując jak

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

Answer 9

też zrobić przez ten

musisz zdefiniować klasę dla checkBox, a następnie wykonaj poniższe czynności:

var chkLength = $ ('input.className: checked'). Length; alert (chkLength);

to będzie drukować całkowita liczba wyboru z listy

Answer 10

można używać jak poniżej oraz

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

Answer 11

Spróbuj tego,

var ch_n = $ ("input: checked") .długość;