Làm cách nào để đếm số lượng hộp kiểm được chọn trên một trang với jQuery

Question

Tôi muốn đếm số lượng hộp kiểm trên trang của tôi được chọn bằng cách sử dụng jQuery. Tôi đã viết mã sau:

 var numberOfCheckboxesSelected = 0; 
     $(':checkbox').each(function(checkbox) { 
      if (checkbox.attr('checked')) 
       numberOfCheckboxesSelected++; 
     }); 

Tuy nhiên, mã lỗi của tôi với thông báo "Đối tượng không hỗ trợ thuộc tính hoặc phương pháp này" trên dòng thứ ba.

Làm cách nào để tính số lượng hộp kiểm được chọn trên trang của tôi?

Answer 1

jQuery hỗ trợ :checked bộ chọn giả.

var n = $("input:checked").length; 

Thao tác này sẽ hoạt động cho nút radio cũng như hộp kiểm. Nếu bạn chỉ muốn hộp kiểm, nhưng cũng có nút radio trên trang:

var n = $("input:checkbox:checked").length; 

Answer 2

Hãy thử điều này (để tránh đếm bất kỳ nút radio được chọn):

var numberOfCheckboxesSelected = $('input[type=checkbox]:checked').length; 

Answer 3

Đối số đầu tiên truyền cho callback trong each là chỉ mục, không phải là phần tử. Bạn nên sử dụng this hoặc một cuộc tranh luận thứ hai:

$(':checkbox').each(function(idx, checkbox) { 
     if (checkbox.attr('checked')) 
      numberOfCheckboxesSelected++; 
}); 

Hơn nữa, cách dễ dàng hơn để làm điều này là để chỉ chọn các yếu tố kiểm tra với bộ chọn :checked và sau đó kiểm tra length tài sản của lựa chọn:

var numberOfCheckboxesSelected = $('input:checkbox:checked').length; 

Answer 4

$("input:checked").length 

điều này sẽ trả về tổng số hộp kiểm đã chọn.