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下有关dom以及xml节点访问兼容问题
Nov 26 Javascript
JavaScript 对象的属性和方法4种不同的类型
Mar 19 Javascript
ext jquery 简单比较
Apr 07 Javascript
JQuery优缺点分析说明
Jun 09 Javascript
javascript window.open打开新窗口后无法再次打开该窗口问题的解决方法
Apr 12 Javascript
JQuery datepicker 用法详解
Dec 25 Javascript
jQuery xml字符串的解析、读取及查找方法
Mar 01 Javascript
让html元素随浏览器的大小自适应垂直居中的实现方法
Oct 12 Javascript
jQuery checkbox选中问题之prop与attr注意点分析
Nov 15 Javascript
JS仿QQ好友列表展开、收缩功能(第一篇)
Jul 07 Javascript
Node.js控制台彩色输出的方法与原理实例详解
Dec 01 Javascript
简单了解JavaScript作用域
Jul 31 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
各种战术和打法的原创者
2020/03/04 星际争霸
用PHP实现ODBC数据分页显示一例
2006/10/09 PHP
php class中public,private,protected的区别以及实例分析
2013/06/18 PHP
php封装的连接Mysql类及用法分析
2015/12/10 PHP
WordPress主题制作中自定义头部的相关PHP函数解析
2016/01/08 PHP
Laravel实现构造函数自动依赖注入的方法
2016/03/16 PHP
简要剖析PHP的Yii框架的组件化机制的基本知识
2016/03/17 PHP
JQuery自定义事件的应用 JQuery最佳实践
2010/08/01 Javascript
JS判断不同分辨率调用不同的CSS样式文件实现思路及测试代码
2013/01/23 Javascript
jquery选择器之属性过滤选择器详解
2014/01/27 Javascript
详解JavaScript操作HTML DOM的基本方式
2015/10/21 Javascript
如何用JS/HTML将时间戳转换为“xx天前”的形式
2017/02/06 Javascript
详解如何优雅地在React项目中使用Redux
2017/12/28 Javascript
JavaScript寄生组合式继承实例详解
2018/01/06 Javascript
小程序实现左滑删除功能
2018/10/30 Javascript
Angular6 用户自定义标签开发的实现方法
2019/01/08 Javascript
解决Vue+Electron下Vuex的Dispatch没有效果问题
2019/05/20 Javascript
JS数组扁平化(flat)方法总结详解
2019/06/24 Javascript
原生js代码能实现call和bind吗
2019/07/31 Javascript
Vue+ElementUI项目使用webpack输出MPA的方法
2019/08/27 Javascript
用JS实现一个简单的打砖块游戏
2019/12/11 Javascript
js 图片懒加载的实现
2020/10/21 Javascript
[43:24]完美世界DOTA2联赛PWL S3 INK ICE vs DLG 第二场 12.12
2020/12/17 DOTA
Python functools模块学习总结
2015/05/09 Python
python中zip和unzip数据的方法
2015/05/27 Python
编写Python脚本抓取网络小说来制作自己的阅读器
2015/08/20 Python
基于Python Shell获取hostname和fqdn释疑
2016/01/25 Python
Python与人工神经网络:使用神经网络识别手写图像介绍
2017/12/19 Python
python正则中最短匹配实现代码
2018/01/16 Python
Python网络爬虫神器PyQuery的基本使用教程
2018/02/03 Python
python画折线图的程序
2018/07/26 Python
Python异常模块traceback用法实例分析
2019/10/22 Python
pytorch动态网络以及权重共享实例
2020/01/06 Python
详解Python调用系统命令的六种方法
2021/01/28 Python
法国低价在线宠物商店:bitiba.fr
2020/07/03 全球购物
个性与发展自我评价
2015/03/06 职场文书