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 相关文章推荐
Javascript实现关联数据(Linked Data)查询及注意细节
Feb 22 Javascript
JQuery 图片滚动轮播示例代码
Mar 24 Javascript
JQuery的ON()方法支持的所有事件罗列
Feb 28 Javascript
JavaScript资源预加载组件和滑屏组件的使用推荐
Mar 10 Javascript
Bootstrap学习笔记 轮播(Carousel)插件
Mar 21 Javascript
基于构造函数的五种继承方法小结
Jul 27 Javascript
js学习总结之DOM2兼容处理顺序问题的解决方法
Jul 27 Javascript
微信小程序实现跟随菜单效果和循环嵌套加载数据
Nov 21 Javascript
Parcel.js + Vue 2.x 极速零配置打包体验教程
Dec 24 Javascript
Vue底层实现原理总结
Feb 17 Javascript
JS实现仿微信支付弹窗功能
Jun 25 Javascript
vue使用Font Awesome的方法步骤
Feb 26 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
php的chr和ord函数实现字符加减乘除运算实现代码
2011/12/05 PHP
php递归删除目录与文件的方法
2015/01/30 PHP
PHP实现文件上传下载实例
2016/10/18 PHP
phpcms实现验证码替换及phpcms实现全站搜索功能教程详解
2017/12/13 PHP
PHP APP微信提现接口代码
2018/09/30 PHP
EXTJS内使用ACTIVEX控件引起崩溃问题的解决方法
2010/03/31 Javascript
jQuery实现的类flash菜单效果代码
2010/05/17 Javascript
Jquery插件实现点击获取验证码后60秒内禁止重新获取
2015/03/13 Javascript
jQuery实现只允许输入数字和小数点的方法
2016/03/02 Javascript
简单谈谈关于 npm 5.0 的新坑
2017/06/08 Javascript
jQuery操作元素的内容和样式完整实例分析
2020/01/10 jQuery
JavaScript实现随机点名程序
2020/03/25 Javascript
vue实现购物车功能(商品分类)
2020/04/20 Javascript
解决vue动态路由异步加载import组件,加载不到module的问题
2020/07/26 Javascript
Element DateTimePicker日期时间选择器的使用示例
2020/07/27 Javascript
[02:06]DOTA2肉山黑名单魔法终结者 敌法师中文配音鉴赏
2013/06/17 DOTA
[03:00]2014DOTA2国际邀请赛 Titan淘汰潸然泪下Ohaiyo专访
2014/07/15 DOTA
python 域名分析工具实现代码
2009/07/15 Python
python概率计算器实例分析
2015/03/25 Python
关于Python如何避免循环导入问题详解
2017/09/14 Python
python opencv检测目标颜色的实例讲解
2018/04/02 Python
解决Django加载静态资源失败的问题
2019/07/28 Python
Python3运算符常见用法分析
2020/02/14 Python
python 实现在无序数组中找到中位数方法
2020/03/03 Python
CSS3教程(9):设置RGB颜色
2009/04/02 HTML / CSS
美国在线购物频道:Shop LC
2019/04/21 全球购物
MUGLER官方网站:蒂埃里·穆勒香水
2019/11/26 全球购物
学生爱国演讲稿
2014/01/14 职场文书
公共机构节能宣传周活动总结
2014/07/09 职场文书
党员创先争优心得体会
2014/09/11 职场文书
三严三实对照检查材料范文
2014/09/23 职场文书
中学生学习保证书
2015/02/26 职场文书
义诊活动通知
2015/04/24 职场文书
详解用Python把PDF转为Word方法总结
2021/04/27 Python
小程序wx.getUserProfile接口的具体使用
2021/06/02 Javascript
Pytest中skip skipif跳过用例详解
2021/06/30 Python