Cách có thể nhận được độ dài trên mảng hộp kiểm đã chọn javascript

Question

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

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

Làm cách nào để chỉ tính các hộp kiểm đã chọn với JavaScript hoặc jQuery?

Answer 1

Làm nó với jQuery sẽ rút ngắn mã và làm cho nó dễ đọc hơn, dễ bảo trì và dễ hiểu hơn. Sử dụng attribute selector với :checked selector

Live Demo

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

Answer 2

giải pháp jQuery:

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

giải pháp JavaScript:

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

Answer 3

$('input:checked').length sẽ làm gì nếu bạn không có bất kỳ thẻ đầu vào khác so với hình thức này.

Answer 4

Nếu bạn muốn sử dụng javascript đơn giản

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

Hãy thử giải pháp

jQuery này:

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

Thử,

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

tìm bao nhiêu đều được kiểm tra,

$(boxes).size(); 

hoặc

Answer 8

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

sẽ làm việc nhưng sẽ không hoạt động nếu bạn đang so sánh trực tiếp như

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

Answer 9

bạn cũng làm bằng cách này

bạn phải xác định lớp cho checkBox và sau đó làm theo bên dưới

var chkLength = $ ('input.className: checked'). Length; cảnh báo (chkLength);

này sẽ in của bạn tổng số không của hộp kiểm trong danh sách

Answer 10

Bạn có thể sử dụng như sau cũng

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

Answer 11

Hãy thử điều này,

var ch_n = $ ("đầu vào: kiểm tra") .chiều dài;