在JavaScript中获取复选框的所有值

Question

我有一个带有复选框的 html 表单。 要求至少已选中任何一个复选框。 如何使用 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-shim 和 ES5-shim