Cómo obtener todas las casillas marcadas

Question

Tengo un conjunto de casillas de verificación de entrada con el mismo nombre y me gustaría determinar qué casillas de verificación se han verificado mediante javascript, ¿cómo puedo lograr eso? Sólo sé cómo conseguir todas las casillas de verificación de la siguiente manera:

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

Answer 1

Un simple bucle for que pone a prueba la propiedad checked y anexa los controladas queridos a una matriz separada. A partir de ahí, puede procesar la matriz de checkboxesChecked más si es necesario.

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

En IE9 +, Chrome o Firefox que puede hacer:

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