使用 jQuery 实现全选和全不选功能

你可以使用以下代码来实现全选和全不选的功能：

$(document).ready(function() {
  // 全选按钮点击事件
  $('#selectAll').click(function() {
    $('.checkbox').prop('checked', true);
  });
  
  // 全不选按钮点击事件
  $('#deselectAll').click(function() {
    $('.checkbox').prop('checked', false);
  });
});

在上面的代码中，我们给全选按钮和全不选按钮分别添加了 id 属性为'selectAll'和'deselectAll'。同时，我们给需要全选和全不选的复选框添加了 class 属性为'checkbox'。在点击全选按钮时，我们使用.prop('checked', true)将所有 class 为'checkbox'的复选框的选中状态设置为 true，从而实现全选的功能。在点击全不选按钮时，我们使用.prop('checked', false)将所有 class 为'checkbox'的复选框的选中状态设置为 false，从而实现全不选的功能。

请确保在 DOM 加载完成后执行上述代码，以确保所有元素都已加载。