选中复选框 jQuery - JavaScript

在 Web 开发中，经常需要处理复选框的状态变化。本文将介绍如何使用 jQuery 和 JavaScript 来选中复选框。

1. 选中单个复选框

要选中一个单独的复选框，可以使用 prop 方法来设置其 checked 属性为 true。例如，下面的代码将选中一个具有 id 属性值为 checkbox1 的复选框：

$('#checkbox1').prop('checked', true);

2. 选中多个复选框

要选中多个复选框，可以使用 jQuery 的选择器语法选中它们，并使用 prop 方法设置它们的 checked 属性。例如，下面的代码将选中所有名为 options[] 的复选框：

$('input[name="options[]"]').prop('checked', true);

3. 获取选中的复选框

要获取选中的复选框，可以使用 jQuery 的选择器语法选中它们，并使用 map 方法将其转化为数组。例如，下面的代码将获取所有名为 options[] 且被选中的复选框的值：

var checkedValues = $('input[name="options[]"]:checked').map(function() {
  return this.value;
}).get();

4. 复选框状态变化事件

当复选框状态发生变化时，可以使用 jQuery 的 change 事件来处理它。例如，下面的代码将在任何名为 options[] 的复选框的状态变化时将其值添加到输出框中：

$('input[name="options[]"]').change(function() {
  if (this.checked) {
    $('#output').append(this.value + ' ');
  }
});

以上就是选中复选框 jQuery 和 JavaScript 的介绍。希望能对您的 Web 开发工作有所帮助！