Как получить все отмеченные флажки

У меня есть набор флажков ввода с тем же именем и я хотел бы определить, какие флажки были проверены с помощью javascript, как я могу это достичь? Я знаю только, как получить все флажки следующим образом:

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

Ответы

Ответ 1

Простой цикл, который проверяет свойство checked и добавляет отмеченные в отдельный массив. Оттуда вы можете обработать массив 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");

Ответ 2

В IE9 +, Chrome или Firefox вы можете:

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