jQuery选择/取消选择最近表中的所有复选框和单个复选框

jQuery选择/取消选择最近表中的所有复选框和单个复选框,jquery,Jquery,我正在开发的应用程序中有基于动态网格的表 以下代码可以工作,但我需要添加一些功能: 当前脚本执行以下操作: 脚本看到第一个复选框 单击第一个复选框选择/取消选择最近表中的所有复选框 需要新功能: 脚本看到第一个复选框 单击第一个复选框选择/取消选择最近表中的所有复选框 选择/取消选择表中的单个复选框 以下是jquery: <script type="text/javascript"> $(document).ready(function(){ //this code works f

我正在开发的应用程序中有基于动态网格的表

以下代码可以工作,但我需要添加一些功能:

当前脚本执行以下操作:

  • 脚本看到第一个复选框
  • 单击第一个复选框选择/取消选择最近表中的所有复选框
  • 需要新功能:

  • 脚本看到第一个复选框
  • 单击第一个复选框选择/取消选择最近表中的所有复选框
  • 选择/取消选择表中的单个复选框
  • 以下是jquery:

    <script type="text/javascript">
    $(document).ready(function(){
    
    //this code works for select ALL, but not individual checkbox select/deselect; 
    $('td input:checkbox').click(function(e) {
      var table = $(e.target).closest('table');
      $('td input:checkbox', table).attr('checked', e.target.checked);
      });
    
    });
    </script>
    
    
    $(文档).ready(函数(){
    //此代码适用于全选,但不适用于单个复选框选择/取消选择;
    $('td input:checkbox')。单击(函数(e){
    var table=$(e.target).closest('table');
    $('td input:checkbox',table).attr('checked',e.target.checked);
    });
    });
    
    好的,我用了很长时间才弄明白:

    我将类添加到两个不同的复选框中,并在jquery中引用它们

    $('td input:checkbox.selectAll').click(function(e) {
       var table = $(e.target).closest('table');
         $('td input:checkbox.selectIndividual', table).attr('checked', e.target.checked);
    });
    

    我对这个问题有点不清楚。当前用户不能仅通过单击表中的复选框来选择/取消选择表中的单个复选框吗?或者,第一个复选框是否应该更改以支持三种状态…全选/全选/保留最初设置的复选框首选项?第一个复选框选择/取消选择表中的所有复选框。在当前代码(如上)中,不能取消选择或仅选择其中一个复选框。单击任何行中的任何单个复选框都将再次选中/取消选中该表中的所有复选框。要重新表述问题:我希望jquery:1)有一个复选框来选中/取消选中特定表(.closest)中的所有复选框。2) 您可以选择/取消选择表中的单个复选框。