jquery实现全选、反选、取消全部等操作(复选框checkbox)

以下是使用jQuery实现全选、反选、取消所有选项的示例代码：

HTML部分：

<button id="checkAll">全选</button>
<button id="invertSelect">反选</button>
<button id="uncheckAll">取消所有</button>
 
<input type="checkbox" class="item"/> Item 1
<input type="checkbox" class="item"/> Item 2
<input type="checkbox" class="item"/> Item 3
<!-- 更多复选框... -->

jQuery部分：

$(document).ready(function(){
  // 全选
  $('#checkAll').click(function(){
    $('.item').prop('checked', true);
  });
 
  // 反选
  $('#invertSelect').click(function(){
    $('.item').each(function(){
      $(this).prop('checked', !$(this).prop('checked'));
    });
  });
 
  // 取消所有
  $('#uncheckAll').click(function(){
    $('.item').prop('checked', false);
  });
});

确保在你的HTML文件中引入了jQuery库：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

这段代码通过为每个操作按钮绑定点击事件，使用jQuery的.prop()方法来改变复选框的checked属性，实现了全选、反选和取消所有的功能。