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

获取JavaScript中所有复选框的值

2 个答案: