Получение всех значений флажков в JavaScript

Question

У меня есть html-форма с флажками. Требуется, чтобы был установлен хотя бы один флажок any. Как использовать JavaScript для получения значений всех флажков, и если среди флажков нет ни одного, тогда показывать предупреждение с сообщением?

Answer 1

Поскольку вы отметили это сообщение как jquery, здесь есть опция jQuery.

Эта функция выбирает все флажки на странице, сужает их до только отмеченных, а затем определяет размер объекта jQuery.

if ($('input:checkbox').prop('checked').size() == 0)
{
alert('no checkboxes were checked');
}

Надеюсь, это поможет.:)

Answer 2

// utility function
function toArray(obj) {
  var arr = [];
  for (var i = 0, len = obj.length; i < len; i++) {
    arr[i] = obj[i];
  }
  return arr;
}

// get the form
var someForm = ...;
// get all elements and check whether any has type "checkbox" and is checked.
var checked = toArray(someForm.elements).some(function (el) {
  return el.type === "checkbox" && el.checked;
});

if (!checked) {
  alert("please check a box");
}

Для поддержки браузера используйте DOM-шим и ES5-шим