jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jQuery数据表checkall大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
@H_874_4@ HTML

<div class="Box">
<table id="Datatable">
    <thead>
       <tr>
         <th><input name="checkall" type="checkBox" class="checkall" value="ON" /></th>
         <th>field</th>
         <th>field</th>
         <th>field</th>
         <th>field</th>
         <th>field</th>
      </tr>
   </thead>
   <tbody>
      <tr>
        <th class="checkers"><input type="checkBox" name="SELEcted[]"/></th>
        <td>value</td>                                          
        <td>value</td>  
        <td>value</td>  
        <td>value</td>  
        <td>value</td>  
      </tr>
   </tbody>
</table>
</div>

我正在尝试使用checkall复选框选择使用此代码的所有复选框:

$('.checkall').click(function () {
        var checkall =$(this).parents('.Box:eq(0)').find(':checkBox').attr('checked',this.checked);
        $.uniform.update(checkall);
    });

当datatable显示前10,20,30 …等行并从DOM中删除其他行以进行分页时,此jQuery代码仅选择当前页面中的行.那么无论如何我可以选择所有复选框吗?

解决方法

我的解决方案也有效:

$('.checkall').click(function(E) {

          var chk = $(this).prop('checked');

          $('input',oTable.fnGetNodes()).prop('checked',chk);
        });

如果你想检查只过滤(如果你使用dom过滤数据表),那么你可以使用它,只检查过滤

$('.checkall').click(function(E) {

          var chk = $(this).prop('checked');

          $('input',oTable.$('tr',{"filter": "applied"} )).prop('checked',chk);
        });

大佬总结

以上是大佬教程为你收集整理的jQuery数据表checkall全部内容,希望文章能够帮你解决jQuery数据表checkall所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。