Jak uzyskać wszystkie zaznaczone pola wyboru

Question

Mam zestaw pól wejściowych o tej samej nazwie i chciałbym ustalić, które pola wyboru zostały sprawdzone przy użyciu javascript, w jaki sposób można to osiągnąć? wiem tylko jak uzyskać wszystkie pola w następujący sposób:

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

Answer 1

Prosty do pętli, która testuje właściwość checked i dołącza sprawdzonych te do oddzielnej tablicy. Stamtąd możesz w razie potrzeby przetworzyć tablicę z rozszerzeniem checkboxesChecked.

// 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

W IE9 +, Chrome lub Firefox można zrobić:

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