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 select标签操作代码段
May 16 Javascript
在linux中使用包管理器安装node.js
Mar 13 Javascript
Javascript编写俄罗斯方块思路及实例
Jul 07 Javascript
在web中js实现类似excel的表格控件
Sep 01 Javascript
node.js中EJS 模板快速入门教程
May 08 Javascript
关于js中的鼠标事件总结
Jul 11 Javascript
动手写一个angular版本的Message组件的方法
Dec 16 Javascript
基于casperjs和resemble.js实现一个像素对比服务详解
Jan 10 Javascript
vue项目中跳转到外部链接的实例讲解
Sep 20 Javascript
详解基于node.js的脚手架工具开发经历
Jan 28 Javascript
layer弹窗在键盘按回车将反复刷新的实现方法
Sep 25 Javascript
Vue-Cli项目优化操作的实现
Oct 27 Javascript
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
PHP5中GD库生成图形验证码(有汉字)
2013/07/28 PHP
手把手编写PHP框架 深入了解MVC运行流程
2016/09/19 PHP
thinkphp中多表查询中防止数据重复的sql语句(必看)
2016/09/22 PHP
HTTP状态代码以及定义(解释)
2007/02/02 Javascript
js substr支持中文截取函数代码(中文是双字节)
2013/04/17 Javascript
基于JQuery 滑动与动画的说明介绍
2013/04/18 Javascript
javascript数组操作总结和属性、方法介绍
2014/04/05 Javascript
jQuery+slidereveal实现的面板滑动侧边展出效果
2015/03/14 Javascript
JavaScript实现单击下拉框选择直接跳转页面的方法
2015/07/02 Javascript
innerHTML中标签可以换行的方法汇总
2015/08/14 Javascript
12306 刷票脚本及稳固刷票脚本(防挂)
2017/01/04 Javascript
在vue-cli搭建的项目中增加后台mock接口的方法
2018/04/26 Javascript
AngularJs返回前一页面时刷新一次前面页面的方法
2018/10/09 Javascript
利用React Router4实现的服务端直出渲染(SSR)
2019/01/07 Javascript
在JavaScript中使用严格模式(Strict Mode)
2019/06/13 Javascript
原生js添加一个或多个类名的方法分析
2019/07/30 Javascript
vue实现图片上传功能
2020/05/28 Javascript
vue2.0 watch里面的 deep和immediate用法说明
2020/10/30 Javascript
[01:03:13]VG vs Pain 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
python列表推导式操作解析
2019/11/26 Python
tornado+celery的简单使用详解
2019/12/21 Python
巴黎欧莱雅法国官网:L’Oreal Paris
2019/04/30 全球购物
英国屋顶用品和材料超市:Roofing Supplies UK
2019/08/24 全球购物
货代行业个人求职简历的自我评价
2013/10/22 职场文书
军训感想500字
2014/02/20 职场文书
党员承诺书内容
2014/03/26 职场文书
公司大门门卫岗位职责
2014/06/11 职场文书
服务理念标语
2014/06/18 职场文书
2014年乡镇人大工作总结
2014/11/25 职场文书
语文复习计划
2015/01/19 职场文书
小学教师个人总结
2015/02/05 职场文书
安全保证书怎么写
2015/02/28 职场文书
SQL SERVER存储过程用法详解
2022/02/24 SQL Server
python模拟浏览器 使用selenium进入好友QQ空间并留言
2022/04/12 Python
MySQL选择合适的备份策略和备份工具
2022/06/01 MySQL
Nginx文件已经存在全局反向代理问题排查记录
2022/07/15 Servers