Wie kann Länge auf checked checkbox array Javascript

Question

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

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

Wie kann ich nur die checked checkboxes mit JavaScript oder jQuery zählen?

Answer 1

es mit jQuery Dies würde den Code verkürzen und macht es besser lesbar, wartbar und leichter zu verstehen. Verwenden Sie attribute selector mit :checked Selektor

Live Demo

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

Answer 2

jQuery Lösung:

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

JavaScript-Lösung:

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

Answer 3

$('input:checked').length tun, wenn Sie haben noch keine andere Eingabe Tags als in dieser Form.

Answer 4

Wenn Sie wollen schlicht 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

Versuchen Sie, diese

jQuery Lösung verwenden:

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

ausprobieren,

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

finden, wie viele überprüft werden,

$(boxes).size(); 

oder

Answer 8

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

funktioniert aber nicht, wenn Sie direkt, wie durch diese

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

Answer 9

Sie auch tun vergleichen

Sie müssen die Klasse für checkBox definieren und dann folgen

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

dies drucken Sie Ihre gesamte Anzahl der Kontrollkästchen aus der Liste

Answer 10

Sie wie unten auch diese verwenden können

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

Answer 11

Versuchen,

var ch_n = $ ("input: checked") .Länge;