layui table全选checkbox取值
<table id="table_list_table" class="layui-table" lay-filter="table_list"></table>
layui.use(['table', 'form'], function () {
var $ = layui.$;
var id_lists = [];
var table = layui.table;
table.render({
elem: '#list_table',
url: '/admin/aa/get_list/', //数据接口
page: true, //开启分页
limit: 20,
limits: [20, 50, 100],
title: '标题',
toolbar: '#toolbar',
defaultToolbar: ['filter'],
cols: [
[
//表头
{ type: 'checkbox', field: 'LAY_CHECKED', title: '序号', width: 90 },
{ field: 'PKID', title: 'ID', width: 80, sort: true },
{ field: 'TITLE', title: '标题' },
],
],done: function(res, curr, count){
console.log(res);
id_lists = res.id_lists;//id lists 所有id
}
});
var id_checkeds = [];//所有选中的id
//选择checkbox事件,获取选中的值
table.on('checkbox(table_list)', function (obj) {
// console.log(obj);
var is_all = obj.type == 'all' ? true : false;//是否全选
var is_checked = obj.checked;//是否选中
if(is_all)//全选
{
if(is_checked) id_checkeds = id_lists;
if(!is_checked) id_checkeds = [];
}
if(!is_all)//单选的时候 push或pop
{
var this_PKID = obj.data.PKID;
if(!is_checked)
{
id_checkeds.splice($.inArray(this_PKID, id_checkeds), 1);
}
if(is_checked)
{
var index = $.inArray(this_PKID, id_checkeds);
if(index == -1)
{
id_checkeds.push(this_PKID);
}
}
}
console.log(id_checkeds);
});
});