layui 监听表格复选框选中值的方法

网络编程 2025-03-24 01:34www.168986.cn编程入门

这里有一个重要的点需要注意,当从数组中删除元素时,不能直接使用ids.remove(i)方法,因为这种方法会报错。我们应该使用ids.pop()或者ids.splice(i,1)方法来删除元素。

以下是完整的代码实现:

```javascript

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

//自定义数组

var ids =new Array(); //用于存储选中的id

if(obj.checked==true){ //如果复选框被选中

if(obj.type=='one'){ //单选情况

ids.push(obj.data.id);

}else{ //多选情况

for(var i=0;i

ids.push(table_data[i].id);

}

}

}else{ //如果复选框被取消选中

if(obj.type=='one'){ //单选情况

for(var i=0;i

if(ids[i]==obj.data.id){

ids.splice(i,1); //删除选中的id

}

}

}else{ //多选情况,处理方式同上

for(var i=0;i

for(var j=0;j

if(ids[i]==table_data[j].id){

ids.splice(i,1); //删除选中的id

}

}

}

}

}

console.log(ids); //输出当前的ids数组

});

```

上一篇:js正则学习小记之匹配字符串字面量 下一篇:没有了

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