Làm cách nào để đếm các hộp kiểm bằng jQuery?

Question

Tôi có nhiều hộp kiểm tra được kiểm tra (checked="checked") hoặc không được chọn.

Tôi muốn nhận số hộp kiểm tra, bỏ chọn và chọn.

Với hộp kiểm, ý tôi là <input type="checkbox" />.

Làm thế nào để làm điều đó với jQuery? Cảm ơn trước!

Answer 1

Bạn có thể làm:

var numberOfChecked = $('input:checkbox:checked').length; 
var totalCheckboxes = $('input:checkbox').length; 
var numberNotChecked = totalCheckboxes - numberOfChecked; 

EDIT

Hoặc thậm chí đơn giản

var numberNotChecked = $('input:checkbox:not(":checked")').length; 

Answer 2

Các mã sau đây làm việc cho tôi.

$('input[name="chkGender[]"]:checked').length; 

Answer 3

Giả sử bạn có một hàng có nhiều hộp kiểm trong đó và bạn chỉ muốn đếm nếu hộp kiểm đầu tiên được chọn.

Bạn có thể làm điều đó bằng cách cho một lớp học để vào hộp kiểm đầu tiên

Ví dụclass='mycxk' và bạn có thể tin tưởng rằng việc sử dụng các bộ lọc, như thế này

$('.mycxk').filter(':checked').length 

Answer 4

Có nhiều phương pháp để làm điều đó :

Phương pháp 1:

alert($('.checkbox_class_here:checked').size()); 

Cách 2:

alert($('input[name=checkbox_name]').attr('checked')); 

Phương pháp 3:

alert($(":checkbox:checked").length);