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】获取下拉框的值
652 0
【Layui】获取下拉框的值
|
5月前
|
JavaScript
解决Elementui输入框(text)与文本域(textarea)字体不一样问题
解决Elementui输入框(text)与文本域(textarea)字体不一样问题
354 5
|
5月前
|
JavaScript
使用layui checkbox复选框样式实现单选功能
使用layui checkbox复选框样式实现单选功能
384 0
|
12月前
全选或者单选checkbox的值动态添加到div
全选或者单选checkbox的值动态添加到div
49 0
|
12月前
复选框checkbox实现自定义样式
复选框checkbox实现自定义样式
62 1
50zTree - 带 radio 的单选下拉菜单
50zTree - 带 radio 的单选下拉菜单
49 1
|
12月前
layui的复选框怎么设置只能单选
layui的复选框怎么设置只能单选
49zTree - 带 checkbox 的多选下拉菜单
49zTree - 带 checkbox 的多选下拉菜单
37 0
|
JavaScript 前端开发
layui复选框checkbox全选和获取值的解决方案
layui复选框checkbox全选和获取值的解决方案
1018 0
jqGrid 表格设置单选按钮
jqGrid 表格设置单选按钮
143 0