layui学习笔记——监听表格复选框选择html如下：
<div class="layui-btn-group userTable">
<button class="layui-btn" data-type="getCheckData">获取选中⾏数据</button>
<button class="layui-btn" data-type="getCheckLength">获取选中数⽬</button>
<button class="layui-btn" data-type="isAll">验证是否全选</button>
</div>
<table class="layui-table" lay-data="{height:313, url:'/user/userJson' ,id:'idTest'}" lay-filter="user">
</table>
JavaScript：
layui下载layui.use('table', function(){
var table = layui.table;
/
/监听表格复选框选择
<('checkbox(user)', function(obj){
});
var $ = layui.$, active = {
getCheckData: function(){ //获取选中数据
var checkStatus = table.checkStatus('idTest')
,data = checkStatus.data;
layer.alert(JSON.stringify(data));
}
,getCheckLength: function(){ //获取选中数⽬
var checkStatus = table.checkStatus('idTest')
,
data = checkStatus.data;
layer.msg('选中了：'+ data.length + ' 个');
}
,isAll: function(){ //验证是否全选
var checkStatus = table.checkStatus('idTest');
layer.msg(checkStatus.isAll ? '全选': '未全选')
}
};
$('.userTable .layui-btn').on('click', function(){
var type = $(this).data('type');
active[type] ? active[type].call(this) : '';
});
});

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。