datatables的checkbox操作

原创
2021/07/13 11:05
阅读数 159

省略

  {

   targets:5,

   // rowspan设定的时候

   createdCell : function(td,cellData,row,col){

      var rowspan = rowData["rowspanCnt"];

      if(rowspan > 1){

         $(td).attr('rowspan',rowspan)

      }

      if(rowspan == 0){

         $(td).remove();

      }

   }

   data: null, className:"xxxx",render:function(data,type,row,meta){

       return '<div class="text-center"><input type="checkbox" class="input-group select-checkbox"></div>'

     }

  }

  ],

  rowCallback:function(row,data,index){

    var pageInfo = $("#table-Id").DataTable().page.info();

    $(row).find('td:eq(0)').text((index)+1)+((pageInfo.page)*(pageInfo.length))).addClass('text-right');

  }

  });

  $(document).on('click','.select-checkbox',function(){

    $(this).parent().parent().parent().toggle('row-selected');

    if(this.checked){

        $(this).prop('checked',true);

    }else{

        $(this).prop('checked',false);

    }

    // 全选

    if($("#table-Id").DataTable().rows('.row-selected').count() == $("#table-Id").DataTable().rows().count() ){

       $("#select-all").prop("checked",true);

    }

    // 全选解除

   if($("#table-Id").DataTable().rows('.row-selected').count() <= 0){

       $("#select-all").prop("checked",false);

    }

  });

  $(document).on('click',"#select-all",function(e){

  if($("#table-Id").DataTable().rows().count() > 0){

     if($(this).prop("checked")){

       // 全选

       $(".select-checkbox").prop("checked",true);

       $("#table-Id tbody tr").addClass('row-selected');

     }else{

       // 全选

       $(".select-checkbox").prop("checked",false);

       $("#table-Id tbody tr").removeClass('row-selected');

     }

  }else{

     return false;

  }

  });

function tableRowDelete(){

   $("#table-Id").DataTable().rows('.row-selected').remove().draw();

   if($("#table-Id").DataTable().rows('.row-selected').count() <= 0){

      $("#select-all").prop("checked",false);

   }

}  

展开阅读全文
加载中

作者的其它热门文章

打赏
0
0 收藏
分享
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部
返回顶部
顶部