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 相关文章推荐
经典的解除许多网站无法复制文字的绝招
Dec 31 Javascript
解析DHTML,JavaScript,DOM,BOM以及WEB标准的描述
Jun 19 Javascript
JavaScript严格模式禁用With语句的原因
Oct 20 Javascript
理解jQuery stop()方法
Nov 21 Javascript
简述jQuery ajax的执行顺序
Jan 05 Javascript
微信小程序 教程之wxapp视图容器 swiper
Oct 19 Javascript
JavaScript运动框架 解决速度正负取整问题(一)
May 17 Javascript
DataTables添加额外的查询参数和删除columns等无用参数实例
Jul 04 Javascript
浅谈箭头函数写法在ReactJs中的使用
Aug 22 Javascript
js canvas实现二维码和图片合成的海报
Nov 19 Javascript
小程序实现分类页
Jul 12 Javascript
js String.prototype.trim字符去前后空格的扩展
Aug 23 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 mysql与mysqli事务使用说明 分享
2013/08/17 PHP
PHP+JS三级菜单联动菜单实现方法
2016/02/24 PHP
PHP生成图片验证码功能示例
2017/01/12 PHP
Laravel框架集合用法实例浅析
2020/05/14 PHP
jquery $.ajax入门应用二
2008/11/19 Javascript
Javascript在IE或Firefox下获取鼠标位置的代码
2009/12/18 Javascript
javaScript call 函数的用法说明
2010/04/09 Javascript
javaScript 计算两个日期的天数相差(示例代码)
2013/12/27 Javascript
30个经典的jQuery代码开发技巧
2014/12/15 Javascript
基于javascript实现的搜索时自动提示功能
2014/12/26 Javascript
js实现九宫格拼图小游戏
2017/02/13 Javascript
Echart折线图手柄触发事件示例详解
2018/12/16 Javascript
如何能分清npm cnpm npx nvm
2019/01/17 Javascript
详解a标签添加onclick事件的几种方式
2019/03/29 Javascript
vue3 源码解读之 time slicing的使用方法
2019/10/31 Javascript
vue quill editor 使用富文本添加上传音频功能
2020/01/14 Javascript
vue项目启动出现cannot GET /服务错误的解决方法
2020/04/26 Javascript
Python运行的17个时新手常见错误小结
2012/08/07 Python
python通过pil将图片转换成黑白效果的方法
2015/03/16 Python
简单介绍Python中的try和finally和with方法
2015/05/05 Python
python使用urllib2提交http post请求的方法
2015/05/26 Python
使用Python3 编写简单信用卡管理程序
2016/12/21 Python
Python从list类型、range()序列简单认识类(class)【可迭代】
2019/05/31 Python
python实现截取屏幕保存文件,删除N天前截图的例子
2019/08/27 Python
Python利用FFT进行简单滤波的实现
2020/02/26 Python
解决python 在for循环并且pop数组的时候会跳过某些元素的问题
2020/12/11 Python
HTML5 Canvas中使用路径描画二阶、三阶贝塞尔曲线
2015/01/01 HTML / CSS
打架检讨书100字
2014/01/08 职场文书
学校门卫管理制度
2014/01/30 职场文书
企业员工培训感言
2014/02/26 职场文书
新闻工作者先进事迹
2014/05/26 职场文书
化工厂员工工作总结
2015/10/15 职场文书
大学生饮品店创业计划书范文
2019/07/10 职场文书
Netflix《海贼王》真人版剧集多张片场照曝光
2022/04/04 日漫
Nginx流量拷贝ngx_http_mirror_module模块使用方法详解
2022/04/07 Servers
win10清理dns缓存
2022/04/19 数码科技