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 相关文章推荐
去除链接虚线全面分析总结
Aug 15 Javascript
JavaScript iframe的相互操作浅析
Oct 14 Javascript
在Ajax中使用Flash实现跨域数据读取的实现方法
Dec 02 Javascript
javascript重写alert方法的实例代码
Mar 29 Javascript
$.getJSON在IE下失效的原因分析及解决方法
Jun 16 Javascript
使用Plupload实现直接上传附件至七牛云存储
Dec 26 Javascript
url中的特殊符号有什么含义(推荐)
Jun 17 Javascript
微信js-sdk地理位置接口用法示例
Oct 12 Javascript
基于node.js的fs核心模块读写文件操作(实例讲解)
Sep 10 Javascript
Django中使用jquery的ajax进行数据交互的实例代码
Oct 15 jQuery
vue--vuex详解
Apr 15 Javascript
原生js实现trigger方法示例代码
May 22 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
【星际争霸1】人族1v7家ZBath
2020/03/04 星际争霸
php4的session功能评述(三)
2006/10/09 PHP
PHP.ini中配置屏蔽错误信息显示和保存错误日志的例子
2014/05/12 PHP
php使用function_exists判断函数可用的方法
2014/11/19 PHP
PHP如何将log信息写入服务器中的log文件
2015/07/29 PHP
Javascript实现的分页函数
2006/12/22 Javascript
Js之软键盘实现(js源码)
2007/01/30 Javascript
JS 无限级 Select效果实现代码(json格式)
2011/08/30 Javascript
JavaScript中的变量声明早于赋值分析
2012/03/01 Javascript
关于jquery性能最佳实践的讨论,与求教
2012/03/30 Javascript
图片无缝滚动代码(向左/向下/向上)
2013/04/10 Javascript
文本框中禁止非数字字符输入比如手机号码、邮编
2013/08/19 Javascript
jquery实现最简单的滑动菜单效果代码
2015/09/12 Javascript
JS选取DOM元素的简单方法
2016/07/08 Javascript
JS控制静态页面传递参数并获取参数应用
2016/08/10 Javascript
vue中使用gojs/jointjs的示例代码
2018/08/24 Javascript
js实现简易计算器功能
2019/10/18 Javascript
vue打开子组件弹窗都刷新功能的实现
2020/09/21 Javascript
利用JS判断元素是否为数组的方法示例
2021/01/08 Javascript
[02:28]DOTA2亚洲邀请赛 LGD战队巡礼
2015/02/03 DOTA
Tensorflow加载预训练模型和保存模型的实例
2018/07/27 Python
Python中关键字global和nonlocal的区别详解
2018/09/03 Python
python 处理string到hex脚本的方法
2018/10/26 Python
python2.7 安装pip的方法步骤(管用)
2019/05/05 Python
Python 串口读写的实现方法
2019/06/12 Python
django fernet fields字段加密实践详解
2019/08/12 Python
英国复古皮包品牌:Beara Beara
2018/07/18 全球购物
美体小铺奥地利官方网站:The Body Shop奥地利
2019/04/11 全球购物
C/C++程序员常见面试题二
2015/11/19 面试题
校园创业策划书
2014/01/14 职场文书
教师个人培训总结
2015/02/11 职场文书
售后前台接待岗位职责
2015/04/03 职场文书
2015秋季小学开学寄语
2015/05/27 职场文书
《有余数的除法》教学反思
2016/02/22 职场文书
sql server删除前1000行数据的方法实例
2021/08/30 SQL Server
Win11 22H2 2022怎么更新? 获得Win1122H22022版本升级技巧
2022/09/23 数码科技