jQuery对复选框(checkbox)的操作汇总

在使用jQuery操作复选框时，可以通过以下方法进行操作：

1. 获取选中的复选框

使用":checked"选择器可以获取选中的复选框，具体方法如下：

$('#checkboxList input[type="checkbox"]:checked').each(function() {
  console.log($(this).val());
});

上述代码通过id为"checkboxList"的容器获取所有选中的复选框，并将其value值输出到控制台。

2. 设置选中的复选框

使用"prop"方法可以设置复选框的选中状态，具体方法如下：

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

上述代码将id为"checkbox1"的复选框设置为选中状态。

3. 获取复选框状态改变事件

可以通过"change"事件获取复选框状态改变的事件，具体方法如下：

$('#checkbox1').change(function() {
  if($(this).is(':checked')) {
    console.log("选中了");
  } else {
    console.log("未选中");
  }
});

上述代码通过id为"checkbox1"的复选框的状态改变事件判断其是否选中，并输出到控制台。

示例

以下是一个示例，实现批量操作选中的复选框：

<div id="checkboxList">
  <input type="checkbox" name="checkbox1" value="1">
  <input type="checkbox" name="checkbox2" value="2">
  <input type="checkbox" name="checkbox3" value="3">
</div>

<button id="selectAll">全选</button>
<button id="unSelectAll">全不选</button>

$('#selectAll').click(function() {
  $('#checkboxList input[type="checkbox"]').prop('checked', true);
});

$('#unSelectAll').click(function() {
  $('#checkboxList input[type="checkbox"]').prop('checked', false);
});

上述代码给id为"selectAll"的按钮添加点击事件，将所有复选框设置为选中状态；给id为"unSelectAll"的按钮添加点击事件，将所有复选框设置为未选中状态。

另外，可以通过之前提到的":checked"选择器获取选中的复选框进行后续操作。