选择所有复选框的 jQuery 和 JavaScript 解决方案

JQuery 方案

使用 .prop() 函数获取或设置复选框的当前状态。使用 :checkbox 选择器选中所有的复选框。

// 获取所有选中的复选框
var selectedCheckboxes = $(':checkbox:checked');

// 设置所有复选框选中状态
$(':checkbox').prop('checked', true);

// 反选所有复选框
$(':checkbox').each(function () {
  $(this).prop('checked', !$(this).prop('checked'));
});

JavaScript 方案

使用 getElementsByTagName() 方法选中所有的 input 标签，再使用 for 循环获取所有类型为 checkbox 的 input 元素。

// 获取所有选中的复选框
var selectedCheckboxes = document.querySelectorAll('input[type="checkbox"]:checked');

// 设置所有复选框选中状态
var checkboxes = document.getElementsByTagName('input');
for (var i = 0; i < checkboxes.length; i++) {
  if (checkboxes[i].type == 'checkbox') {
    checkboxes[i].checked = true;
  }
}

// 反选所有复选框
var checkboxes = document.getElementsByTagName('input');
for (var i = 0; i < checkboxes.length; i++) {
  if (checkboxes[i].type == 'checkbox') {
    checkboxes[i].checked = !checkboxes[i].checked;
  }
}

以上是选择所有复选框的 jQuery 和 JavaScript 解决方案。使用这些代码片段，您可以轻松地操作页面上的复选框。