layUI 选中表格 checkbox

简介: layUI 选中表格 checkbox
layui.use('table', function(){
  var table = layui.table;
  //监听表格复选框选择
 table.on('checkbox(demo)', function(obj){
    console.log(obj)
  });
  //监听工具条
  table.on('tool(demo)', function(obj){
    var data = obj.data;
    if(obj.event === 'detail'){
      layer.msg('ID:'+ data.id + ' 的查看操作');
    } else if(obj.event === 'del'){
      layer.confirm('真的删除行么', function(index){
        obj.del();
        layer.close(index);
      });
    } else if(obj.event === 'edit'){
      layer.alert('编辑行:<br>'+ JSON.stringify(data))
    }
  });
});
var checkStatus = table.checkStatus('idTest'); //idTest 即为基础参数 id 对应的值
console.log(checkStatus.data) //获取选中行的数据
console.log(checkStatus.data.length) //获取选中行数量,可作为是否有选中行的条件
console.log(checkStatus.isAll ) //表格是否全选
相关文章
【Layui】获取下拉框的值
【Layui】获取下拉框的值
643 0
【Layui】获取下拉框的值
|
3月前
|
JavaScript
使用layui checkbox复选框样式实现单选功能
使用layui checkbox复选框样式实现单选功能
288 0
【Layui】Layui下select下拉框不显示或没有效果
【Layui】Layui下select下拉框不显示或没有效果
|
10月前
全选或者单选checkbox的值动态添加到div
全选或者单选checkbox的值动态添加到div
42 0
|
10月前
复选框checkbox实现自定义样式
复选框checkbox实现自定义样式
59 1
|
10月前
layui的复选框怎么设置只能单选
layui的复选框怎么设置只能单选
|
11月前
49zTree - 带 checkbox 的多选下拉菜单
49zTree - 带 checkbox 的多选下拉菜单
32 0
|
JavaScript 前端开发
layui复选框checkbox全选和获取值的解决方案
layui复选框checkbox全选和获取值的解决方案
952 0
|
JavaScript
element checkbox复选框实现全选功能
element checkbox复选框实现全选功能
自定义复选框CheckBox的样式
自定义复选框CheckBox的样式
113 0