获取 JavaScript 中所有复选框的值

【问题标题】：Obtaining of all values of checkboxes in JavaScript获取 JavaScript 中所有复选框的值
【发布时间】：2012-01-18 07:11:43
【问题描述】：

我有一个带有复选框的 html 表单。必须已被至少一个 any 复选框选中。如何使用 JavaScript 获取所有复选框的值，如果复选框中没有一个选中则显示 alert with message？

【问题讨论】：

标签： javascript jquery-ui jquery checkbox

【解决方案1】：

因为你已经用jquery 标记了这篇文章，所以这里有一个 jQuery 选项。

此函数选择页面上的所有复选框，将其缩小到仅选中的复选框，然后获取 jQuery 对象的大小。

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

希望对您有所帮助。 :)

【讨论】：

【解决方案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

【讨论】：