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 相关文章推荐
学习YUI.Ext 第三天
Mar 10 Javascript
为JavaScript添加重载函数的辅助方法
Jul 04 Javascript
js TextArea的选中区域处理
Dec 28 Javascript
jquery submit ie6下失效的原因分析及解决方法
Nov 15 Javascript
jQuery设置与获取HTML,文本和值的简单实例
Feb 26 Javascript
javascript获取和判断浏览器窗口、屏幕、网页的高度、宽度等
May 08 Javascript
jquery做个日期选择适用于手机端示例
Jan 10 Javascript
基于Bootstrap分页的实例讲解(必看篇)
Jul 04 Javascript
Bootstrap-table自定义可编辑每页显示记录数
Sep 07 Javascript
vue实现页面滚动到底部刷新
Aug 16 Javascript
JavaScript实现身份证验证代码实例
Aug 26 Javascript
Vue 实现输入框新增搜索历史记录功能
Oct 15 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配置php-fpm启动参数及配置详解
2013/11/04 PHP
php自定义类fsocket模拟post或get请求的方法
2015/07/31 PHP
老生常谈PHP数组函数array_merge(必看篇)
2017/05/25 PHP
YII2框架中使用RBAC对模块,控制器,方法的权限控制及规则的使用示例
2020/03/18 PHP
Jjcarousellite 实现图片列表滚动的简单实例
2013/11/29 Javascript
浅谈javascript中createElement事件
2014/12/05 Javascript
js制作简易年历完整实例
2015/01/28 Javascript
Javascript毫秒数用法实例
2015/02/05 Javascript
JS简单实现String转Date的方法
2016/03/02 Javascript
jquery 遍历数组 each 方法详解
2016/05/25 Javascript
jQuery 的 ready()的纯js替代方法
2016/11/20 Javascript
Boostrap栅格系统与自己额外定义的媒体查询的冲突问题
2017/02/19 Javascript
jquery实现全选、全不选以及单选功能
2017/03/23 jQuery
Webpack性能优化 DLL 用法详解
2017/08/10 Javascript
在原生不支持的旧环境中添加兼容的Object.keys实现方法
2017/09/11 Javascript
每个 JavaScript 工程师都应懂的33个概念
2018/10/22 Javascript
Vue Element UI + OSS实现上传文件功能
2019/07/31 Javascript
详解微信小程序之提高应用速度小技巧
2020/01/07 Javascript
nodejs各种姿势断点调试的方法
2020/06/18 NodeJs
Python之PyUnit单元测试实例
2014/10/11 Python
Python中的is和id用法分析
2015/01/26 Python
详解Python打包分发工具setuptools
2019/08/05 Python
python闭包、深浅拷贝、垃圾回收、with语句知识点汇总
2020/03/11 Python
Html5页面二次分享的实现
2018/07/30 HTML / CSS
iPhoneX安全区域(Safe Area)底部小黑条在微信小程序和H5的屏幕适配
2020/04/08 HTML / CSS
EGO Shoes美国/加拿大:英国时髦鞋类品牌
2018/08/04 全球购物
美国战术品牌:5.11 Tactical
2019/05/01 全球购物
欧克利英国官网:Oakley英国
2019/08/24 全球购物
金融专业个人求职信
2013/09/22 职场文书
考试作弊检讨书大全
2014/02/18 职场文书
土木工程专业推荐信
2014/02/19 职场文书
高中课程设置方案
2014/05/28 职场文书
学校党支部承诺书
2015/04/30 职场文书
安全生产会议制度
2015/08/06 职场文书
导游词之无锡古运河
2019/11/14 职场文书
Python 中 Shutil 模块详情
2021/11/11 Python