layui表格分页 记录勾选的实例

网络编程 2025-03-23 21:11www.168986.cn编程入门

```javascript

var checkArray = new Array(); // 全局变量记录所有已勾选的项

// 当前页数据

var currentArray;

// 监听复选框点击事件

table.on('checkbox(test)', function(obj){

var checkData = obj.data;

if(obj.type == 'all' && obj.checked == true){ // 如果是全选中

var checkStatus = table.checkStatus('demo'); // 获取当前选中状态的数据集

var data = checkStatus.data; // 获取当前选中的行的数据

for(var i in data){ // 遍历当前选中的行的数据,将事件类型记录在checkArray中

if(checkArraydexOf(data[i].eventTypeName) > -1){ // 如果已存在则跳过

}else {

checkArray.push(data[i].eventTypeName); // 如果不存在则添加到数组中

}

}

} else if(obj.type == 'all' && obj.checked == false){ // 如果是全不选中,则清空已勾选的数据项

for(var i in currentArray){ // 清空全局变量中的已勾选数据项

checkArray.remove(currentArray[i].eventTypeName);

}

} else { // 如果是单选操作,则针对单个事件类型进行勾选或取消勾选操作

var eventTypeName = checkData.eventTypeName;

if(checkArraydexOf(eventTypeName) > -1){ // 如果已存在则取消勾选状态(移除)

checkArray.remove(eventTypeName);

上一篇:详解React之父子组件传递和其它一些要点 下一篇:没有了

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by