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 前的按键判断代码
Mar 19 Javascript
JavaScript对象之间的转换 jQuery对象和原声DOM
Mar 07 Javascript
cnblogs 代码高亮显示后的代码复制问题解决实现代码
Dec 14 Javascript
javascript中全局对象的parseInt()方法使用介绍
Dec 19 Javascript
判断某个字符在一个字符串中是否存在的js代码
Feb 28 Javascript
JS+CSS实现淡入式焦点图片幻灯切换效果的方法
Feb 26 Javascript
javascript比较语义化版本号的实现代码
Sep 09 Javascript
详谈js中标准for循环与foreach(for in)的区别
Nov 02 Javascript
浅谈vue2 单页面如何设置网页title
Nov 08 Javascript
深入理解与使用keep-alive(配合router-view缓存整个路由页面)
Sep 25 Javascript
js实现图片推拉门效果代码实例
May 18 Javascript
解决vue下载后台传过来的乱码流的问题
Dec 05 Vue.js
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常用文件操作函数汇总
2014/11/22 PHP
PHP使用星号替代用户名手机和邮箱的实现代码
2018/02/07 PHP
JavaScript CSS修改学习第六章 拖拽
2010/02/19 Javascript
仿当当网淘宝网等主流电子商务网站商品分类导航菜单
2013/09/25 Javascript
jQuery学习总结之jQuery事件
2014/06/30 Javascript
JavaScript获取元素尺寸和大小操作总结
2015/02/27 Javascript
jQuery实现表格行上下移动和置顶效果
2015/06/05 Javascript
原生js仿jquery animate动画效果
2016/07/13 Javascript
AngularJS入门教程之静态模板详解
2016/08/18 Javascript
mui框架 页面无法滚动的解决方法(推荐)
2018/01/25 Javascript
Bootstrap标签页(Tab)插件切换echarts不显示问题的解决
2018/07/13 Javascript
vue实现配置全局访问路径头(axios)
2019/11/01 Javascript
Node.js中console.log()输出彩色字体的方法示例
2019/12/01 Javascript
[01:42]DOTA2 – 虚无之灵
2019/08/25 DOTA
python通过自定义isnumber函数判断字符串是否为数字的方法
2015/04/23 Python
Python实现高效求解素数代码实例
2015/06/30 Python
Python的IDEL增加清屏功能实例
2017/06/19 Python
Windows下的Jupyter Notebook 安装与自定义启动(图文详解)
2018/02/21 Python
怎么使用pipenv管理你的python项目
2018/03/12 Python
Python实现定制自动化业务流量报表周报功能【XlsxWriter模块】
2019/03/11 Python
python opencv 图像拼接的实现方法
2019/06/27 Python
在OpenCV里使用特征匹配和单映射变换的代码详解
2019/10/23 Python
使用tensorboard可视化loss和acc的实例
2020/01/21 Python
python实现用户名密码校验
2020/03/18 Python
Python基于requests实现模拟上传文件
2020/04/21 Python
如何理解Python中包的引入
2020/05/29 Python
HTML5 预加载让页面得以快速呈现
2013/08/13 HTML / CSS
浅谈关于html5中图片抛物线运动的一些心得
2018/01/09 HTML / CSS
俄罗斯旅游网站:Tripadvisor俄罗斯
2017/03/21 全球购物
JACK & JONES瑞典官方网站:杰克琼斯欧式风格男装
2017/12/23 全球购物
Ivory Isle Designs美国/加拿大:婚礼和活动文具公司
2018/08/21 全球购物
海蓝之谜英国官网:La Mer英国
2020/01/15 全球购物
2015年英语教研组工作总结
2015/05/23 职场文书
2016党员干部廉洁自律心得体会
2016/01/13 职场文书
Python将CSV文件转化为HTML文件的操作方法
2021/06/30 Python
node快速搭建后台的实现步骤
2022/02/18 NodeJs