还是通过layui插件来实现这个监听功能,layui插件提供了监听多种事件。 监听复选框选择:点击复选框时触发,回调函数返回一个object参数 table.on(‘checkbox(test)’,function(obj){ console.log(obj.checked);//当前是否选中状态 console.log(obj.data);//选中行的相关数据 console.log(obj.type);//如果触发的...
layui表格监听checkbox是否选中并获取选中行的数据 table.on('checkbox(table-id)', function(obj){ console.log(obj.checked); //当前是否选中状态 console.log(obj.data); //选中行的相关数据 console.log(obj.type); //如果触发的是全选,则为:all,如果触发的是单选,则为:one console.log(table.checkStatu...
方法添加获取数据,这样就可以啦 var checkStatus = layui.table.checkStatus('checkboxTable').data; console.log(checkStatus)
在layui中,可以通过监听表格的checkbox选择框的change事件来获取表格选中的数据。具体步骤如下: 给表格的checkbox选择框添加一个lay-filter属性,用于标识该选择框的名称,例如lay-filter=“check”; 在JavaScript代码中,通过layui的form模块监听checkbox选择框的change事件; 在change事件的回调函数中,可以通过layui的table...
其中,event可以是radio,checkbox,submit等元素,其中的lay-filter就是我们加的事件过滤器属性值,比如: 1. 对就是这个lay-filter=" "里面的值,好了就只需要这俩个属性,就可以执行我们相应的事件了。 二、数据表格事件监听 在开始介绍前,我们可以从这张图中,捋一捋思路。(自己画的,有点丑,嘿嘿) ...
cols: [[{type:'checkbox',fixed:'left'},{field:'id',title:'ID',sort:true},{field:'name',title:'名称'},{fixed:'right',title:'操作',toolbar:'#barDemo'}]],page:true}); 监听头工具栏 table.on('toolbar(demo)',function(obj){//头监听使用 toolbar} ...
table_data=res.data; } AI代码助手复制代码 将复选框选中的值的id加入数组中,然后传递到后台作为ids参数 //自定义数组vartable_data=newArray();varids =newArray(); table.on('checkbox(push_port_table)',function(obj){if(obj.checked==true){if(obj.type=='one'){ ...
data.elem.checked; }); form.render('checkbox'); }) });</script>全选部分: 代码步骤解释如下:给表单中的名为"selectAll"的复选框绑定了一个事件监听器。通过选择器找到所有class为"seach-box"下的复选框元素。使用each()方法遍历每个复选框元素。将每个复选框元素的checked属性设置为data...
elem: 这里是我们前端定好的table的id,直接写上就行 method:请求方式 url: 接口的地址 cols : 多少列type: 有多种选择,type:number,也可以,具体可以看官网, checkbox 是多选框,layui 也是有方法可以监听的, table.on('checkbox(newCompanyTable)',function(obj){console.log(obj)})可以打印出来就知道效果 ...
table_data=res.data;} 将复选框选中的值的id加⼊数组中,然后传递到后台作为ids参数 //⾃定义数组 var table_data=new Array();var ids =new Array();table.on('checkbox(push_port_table)', function(obj){ if(obj.checked==true){ if(obj.type=='one'){ ids.push(obj.data.id);}else{ fo...