すべてのチェックボックスをチェックする方法

Question

入力チェックボックスに同じ名前の があり、どのチェックボックスがjavascriptを使ってチェックされているかを確認したいのですが、どのように達成できますか？ 私は次のようにすべてのチェックボックスを取得する唯一の方法を知っている：

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

Answer 1

checkedプロパティをテストし、別の配列に確認されたものを追加したループのためのシンプルな。そこから、必要に応じてさらにcheckboxesCheckedの配列を処理することができます。

あなたが行うことができますIE9 +、クロムまたはFirefoxで

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

：

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