可选和取消/全选按钮(jQuery)

<input type="checkbox" id="selectAll"> 全选/取消全选
<br>
<input type="checkbox" class="option"> 选项1
<br>
<input type="checkbox" class="option"> 选项2
<br>
<input type="checkbox" class="option"> 选项3

$(document).ready(function() {
  // 全选/取消全选按钮的点击事件处理
  $("#selectAll").click(function() {
    $(".option").prop("checked", $(this).prop("checked"));
  });
  
  // 选项复选框的点击事件处理
  $(".option").click(function() {
    // 检查是否所有选项都被选中，如果是，则勾选全选按钮；否则取消勾选全选按钮
    if ($(".option:checked").length === $(".option").length) {
      $("#selectAll").prop("checked", true);
    } else {
      $("#selectAll").prop("checked", false);
    }
  });
});