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


Posted in Javascript onAugust 15, 2018

需要达到的目的:

ajax()异步请求后台时,需要传入表格里复选框选中的id值

注意:在渲染form on 方法的done里面加入

done:function(res){
 
 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{
 
   for(var i=0;i<table_data.length;i++){
 
   ids.push(table_data[i].id);
 
   }
 
  }
 
 }else{
 
  if(obj.type=='one'){
 
   for(var i=0;i<ids.length;i++){
 
   if(ids[i]==obj.data.id){
 
   // ids.remove(i);用这个方法会报错not a function
 
   //ids.pop(); 建议用这个
 
    ids.splice(i,1);
 
   }
 
  }
 
 }else{
 
  for(var i=0;i<ids.length;i++){
 
   for(var j=0;j<table_data.length;j++){
 
    if(ids[i]==table_data[j].id){
 
    // ids.remove(i);
 
    // ids.pop();
 
    ids.splice(i,1);
 
    }
 
   }
 
  }
 
 }
 
 }
 
 console.log(ids);
 
 console.log(table_data);
 
});

以上这篇layui 监听表格复选框选中值的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Jquery Ajax学习实例4 向WebService发出请求,返回实体对象的异步调用
Mar 16 Javascript
深入理解JavaScript系列(13) This? Yes,this!
Jan 18 Javascript
关于JS控制代码暂停的实现方法分享
Oct 11 Javascript
JS获取浮动(float)元素的style.left值为空的快速解决办法
Feb 19 Javascript
JS数组交集、并集、差集的示例代码
Aug 23 Javascript
Bootstrap图片轮播效果详解
Oct 17 Javascript
Angular2仿照微信UI实现9张图片上传和预览的示例代码
Oct 19 Javascript
JavaScript程序设计高级算法之动态规划实例分析
Nov 24 Javascript
关于vuejs中v-if和v-show的区别及v-show不起作用问题
Mar 26 Javascript
使用svg实现动态时钟效果
Jul 17 Javascript
vue+axios+element ui 实现全局loading加载示例
Sep 11 Javascript
jquery轮播图插件使用方法详解
Jul 31 jQuery
Node.js搭建WEB服务器的示例代码
Aug 15 #Javascript
Layui 设置select下拉框自动选中某项的方法
Aug 14 #Javascript
vue升级之路之vue-router的使用教程
Aug 14 #Javascript
layui table 参数设置方法
Aug 14 #Javascript
layui 表格的属性的显示转换方法
Aug 14 #Javascript
JS中数组与对象的遍历方法实例小结
Aug 14 #Javascript
layui实现table加载的示例代码
Aug 14 #Javascript
You might like
php通过分类列表产生分类树数组的方法
2015/04/20 PHP
PHP在同一域名下两个不同的项目做独立登录机制详解
2017/09/22 PHP
jquery中的事件处理详细介绍
2013/06/24 Javascript
使用jQuery避免鼠标双击的解决方案
2013/08/21 Javascript
IE的事件传递-event.cancelBubble示例介绍
2014/01/12 Javascript
js校验表单后提交表单的三种方法总结
2014/02/28 Javascript
JS数组的遍历方式for循环与for...in
2014/07/31 Javascript
javascript数组去重小结
2016/03/07 Javascript
快速入门Vue
2016/12/19 Javascript
nodejs multer实现文件上传与下载
2017/05/10 NodeJs
zTree树形插件异步加载方法详解
2017/06/14 Javascript
在React 组件中使用Echarts的示例代码
2017/11/08 Javascript
动手写一个angular版本的Message组件的方法
2017/12/16 Javascript
Bootstrap 模态框多次显示后台提交多次BUG的解决方法
2017/12/26 Javascript
关于echarts在节点显示动态数据及添加提示文本所遇到的问题
2018/04/20 Javascript
nodejs取得当前执行路径的方法
2018/05/13 NodeJs
原生JS实现列表内容自动向上滚动效果
2019/05/22 Javascript
利用JavaScript模拟京东按键输入功能
2020/12/01 Javascript
详解python的几种标准输出重定向方式
2016/08/15 Python
Python实现定时备份mysql数据库并把备份数据库邮件发送
2018/03/08 Python
Python批量发送post请求的实现代码
2018/05/05 Python
使用python存储网页上的图片实例
2018/05/22 Python
python实现视频分帧效果
2019/05/31 Python
Python 运行.py文件和交互式运行代码的区别详解
2019/07/02 Python
将Pytorch模型从CPU转换成GPU的实现方法
2019/08/19 Python
Python命令行click参数用法解析
2019/12/19 Python
高清屏下canvas重置尺寸引发的问题的解决
2019/10/14 HTML / CSS
应届大学生简历中的自我评价
2014/01/15 职场文书
优秀班主任经验交流材料
2014/06/02 职场文书
2014年向国旗敬礼活动方案
2014/09/27 职场文书
医生学习党的群众路线教育实践活动心得体会
2014/11/03 职场文书
学习心得体会
2019/06/20 职场文书
pandas中DataFrame数据合并连接(merge、join、concat)
2021/05/30 Python
MySQL为id选择合适的数据类型
2021/06/07 MySQL
安装Ruby和 Rails的详细步骤
2022/04/19 Ruby
vue组件vue-esign实现电子签名
2022/04/21 Vue.js