Cách nhận tổng số hộp kiểm đã chọn trên một trang

Question

Tôi muốn đếm số lượng hộp kiểm mà người dùng đã chọn. Ví dụ, từ một nhóm 10 hộp kiểm nếu anh ta chọn 5, thì tôi muốn có thể đếm nó. Sử dụng dòng:

$(":checkbox:checked") 

Tôi có thể chọn tất cả các hộp kiểm được chọn, có cách nào để đếm tổng số các yếu tố được trả về bởi tuyên bố đó không?

Answer 1

Sử dụng phương thức size() hoặc thuộc tính length. Thuộc tính chiều dài được ưu tiên vì nó nhanh hơn.

Ví dụ:

var count = $("[type='checkbox']:checked").length; 

Answer 2

Sử dụng jQuery:

var cbs = $("input:checkbox"); //find all checkboxes 
var nbCbs = cbs.size(); //the number of checkboxes 

var checked = $("input[@type=checkbox]:checked"); //find all checked checkboxes + radio buttons 
var nbChecked = checked.size(); 

Sử dụng JavaScript:

var inputs = document.getElementsByTagName("input"); //or document.forms[0].elements; 
var cbs = []; //will contain all checkboxes 
var checked = []; //will contain all checked checkboxes 
for (var i = 0; i < inputs.length; i++) { 
    if (inputs[i].type == "checkbox") { 
    cbs.push(inputs[i]); 
    if (inputs[i].checked) { 
     checked.push(inputs[i]); 
    } 
    } 
} 
var nbCbs = cbs.length; //number of checkboxes 
var nbChecked = checked.length; //number of checked checkboxes 

Nguồn: How to find Checkboxes? at coderanch