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 鼠标滚轮事件
Apr 09 Javascript
最新的10款jQuery内容滑块插件分享
Sep 18 Javascript
jQuery EasyUI API 中文文档 - TimeSpinner时间微调器
Oct 23 Javascript
JS 操作符整理[推荐收藏]
Nov 15 Javascript
jquery 之 $().hover(func1, funct2)使用方法
Jun 14 Javascript
jQuery Mobile框架中的表单组件基础使用教程
May 17 Javascript
轻松掌握JavaScript装饰者模式
Aug 27 Javascript
基于MVC方式实现三级联动(JavaScript)
Jan 23 Javascript
jQuery实现动态加载select下拉列表项功能示例
May 31 jQuery
JS实现判断图片是否加载完成的方法分析
Jul 31 Javascript
基于Vue实现电商SKU组合算法问题
May 29 Javascript
JavaScript函数重载操作实例浅析
May 02 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 深入理解strtotime函数的使用详解
2013/05/23 PHP
关于查看MSSQL 数据库 用户每个表 占用的空间大小
2013/06/21 PHP
实用的简单PHP分页集合包括使用方法
2013/10/21 PHP
PHP递归创建多级目录
2015/11/05 PHP
CL vs ForZe BO5 第二场 2.13
2021/03/10 DOTA
一段效率很高的for循环语句使用方法
2007/08/13 Javascript
不用AJAX和IFRAME,说说真正意义上的ASP+JS无刷新技术
2008/09/25 Javascript
javascript offsetX与layerX区别
2010/03/12 Javascript
为Extjs加加速(javascript加速)
2010/08/19 Javascript
基于jquery的lazy loader插件实现图片的延迟加载[简单使用]
2011/05/07 Javascript
Js Jquery创建一个弹出层可加载一个页面
2014/05/08 Javascript
jQuery实现的原图对比窗帘效果
2014/06/15 Javascript
Jquery zTree 树控件异步加载操作
2016/02/25 Javascript
解析预加载显示图片艺术
2016/12/05 Javascript
微信小程序开发探究
2016/12/27 Javascript
详解axios在vue中的简单配置与使用
2017/05/10 Javascript
angularjs项目的页面跳转如何实现(5种方法)
2017/05/25 Javascript
基于pako.js实现gzip的压缩和解压功能示例
2017/06/13 Javascript
基于vue实现网站前台的权限管理(前后端分离实践)
2018/01/13 Javascript
vuex分模块后,实现获取state的值
2020/07/26 Javascript
JavaScript实现图片合成下载的示例
2020/11/19 Javascript
vue 数据操作相关总结
2020/12/17 Vue.js
使用Python的web.py框架实现类似Django的ORM查询的教程
2015/05/02 Python
Python基于回溯法子集树模板解决选排问题示例
2017/09/07 Python
详谈Python中列表list,元祖tuple和numpy中的array区别
2018/04/18 Python
对Python闭包与延迟绑定的方法详解
2019/01/07 Python
No module named ‘win32gui‘ 的解决方法(踩坑之旅)
2021/02/18 Python
来自南加州灵感的工作和娱乐服装:TravisMathew
2019/05/01 全球购物
explicit和implicit的含义
2012/11/15 面试题
服务型党组织建设典型材料
2014/05/07 职场文书
个人自荐材料
2014/05/23 职场文书
2014年科技工作总结
2014/11/26 职场文书
2014小学数学教师个人工作总结
2014/12/18 职场文书
一年级语文教学随笔
2015/08/14 职场文书
致运动员的广播稿
2015/08/19 职场文书
班级元旦晚会开幕词
2016/03/04 职场文书