Cách nhận tất cả các hộp kiểm đã chọn

Question

Tôi có một hộp kiểm nhập có cùng tên và tôi muốn xác định hộp kiểm nào đã được kiểm tra bằng javascript, làm thế nào tôi có thể đạt được điều đó? Tôi chỉ biết làm thế nào để có được tất cả các hộp kiểm bên như sau:

var checkboxes = document.getElementsByName('mycheckboxes'); 

Answer 1

Một đơn giản cho vòng lặp mà kiểm tra các checked tài sản và gắn thêm những người kiểm tra để một mảng riêng biệt. Từ đó, bạn có thể xử lý mảng thêm checkboxesChecked nếu cần.

// Pass the checkbox name to the function 
function getCheckedBoxes(chkboxName) { 
    var checkboxes = document.getElementsByName(chkboxName); 
    var checkboxesChecked = []; 
    // loop over them all 
    for (var i=0; i<checkboxes.length; i++) { 
    // And stick the checked ones onto an array... 
    if (checkboxes[i].checked) { 
     checkboxesChecked.push(checkboxes[i]); 
    } 
    } 
    // Return the array if it is non-empty, or null 
    return checkboxesChecked.length > 0 ? checkboxesChecked : null; 
} 

// Call as 
var checkedBoxes = getCheckedBoxes("mycheckboxes"); 

Answer 2

Trong IE9 +, Chrome hoặc Firefox bạn có thể làm:

var checkedBoxes = document.querySelectorAll('input[name=mycheckboxes]:checked');