Bootstrap Table 客户端分页点击checkbox全选数据

  • A+
所属分类:Bootstrap Table

Bootstrap Table 客户端分页点击checkbox全选数据

Html

  1. <table id="Table"></table>    

JavaScript

省略表格初始化代码

  1. $('#Table').find('thead input[type=checkbox]').on("click",  
  2.     function () {  
  3.         if($(this).is(":checked")) {  
  4.             $('#Table').bootstrapTable('togglePagination').bootstrapTable('checkAll')  
  5.                 .bootstrapTable('togglePagination');  
  6.         }else {  
  7.             $('#Table').bootstrapTable('togglePagination').bootstrapTable('uncheckAll')  
  8.                 .bootstrapTable('togglePagination');  
  9.         }  
  10.     });  

参考官网例子

  1. https://bootstrap-table-examples.wenzhixin.net.cn/index.html#issues/1167.html?tdsourcetag=s_pcqq_aiomsg  
钰玺

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: