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 相关文章推荐
取得父标签
Nov 14 Javascript
关于文本限制字数的js代码
Apr 02 Javascript
JQuery的一些小应用收集
Mar 27 Javascript
javascript实现根据iphone屏幕方向调用不同样式表的方法
Jul 13 Javascript
javascript断点调试心得分享
Apr 23 Javascript
简单封装js的dom查询实例代码
Jul 08 Javascript
jQuery悬停文字提示框插件jquery.tooltipster.js用法示例【附demo源码下载】
Jul 19 Javascript
使用jquery.qrcode.js生成二维码插件
Oct 17 Javascript
hovertree插件实现二级树形菜单(简单实用)
Dec 28 Javascript
vue cli2.0单页面title修改方法
Jun 07 Javascript
在react中使用vuex的示例代码
Jul 30 Javascript
js实现小球在页面规定的区域运动
Jun 16 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学习之数据类型之间的转换介绍
2011/06/09 PHP
PHP 5.3和PHP 5.4出现FastCGI Error解决方法
2015/02/12 PHP
PHP常见错误提示含义解释(实用!值得收藏)
2016/04/25 PHP
laravel框架使用极光推送消息操作示例
2020/02/15 PHP
理解JavaScript中的事件
2006/09/23 Javascript
ExtJS 2.0实用简明教程 之获得ExtJS
2009/04/29 Javascript
风吟的小型JavaScirpt库 (FY.JS).
2010/03/09 Javascript
cnblogs中在闪存中屏蔽某人的实现代码
2010/11/14 Javascript
Javascript 鼠标移动上去小三角形滑块缓慢跟随效果
2013/04/26 Javascript
JS实现图片无间断滚动代码汇总
2014/07/30 Javascript
node.js中的fs.rename方法使用说明
2014/12/16 Javascript
JavaScript控制listbox列表框的项目上下移动的方法
2015/03/18 Javascript
nodejs中实现阻塞实例
2015/03/24 NodeJs
深入理解JavaScript中为什么string可以拥有方法
2016/05/24 Javascript
jQuery选择器之属性筛选选择器用法详解
2017/09/19 jQuery
Vue 2.5.2下axios + express 本地请求404的解决方法
2018/02/21 Javascript
关于单文件组件.vue的使用
2018/09/20 Javascript
JavaScript实现邮箱后缀提示功能的示例代码
2018/12/13 Javascript
element-ui 远程搜索组件el-select在项目中组件化的实现代码
2019/12/04 Javascript
[41:41]TFT vs Secret Supermajor小组赛C组 BO3 第一场 6.3
2018/06/04 DOTA
python实现猜数字游戏(无重复数字)示例分享
2014/03/29 Python
Python魔术方法详解
2015/02/14 Python
Python中IPYTHON入门实例
2015/05/11 Python
解读Python中degrees()方法的使用
2015/05/18 Python
Python多进程并发(multiprocessing)用法实例详解
2015/06/02 Python
Python实现的单向循环链表功能示例
2017/11/10 Python
Python实现采用进度条实时显示处理进度的方法
2017/12/19 Python
Python英文文本分词(无空格)模块wordninja的使用实例
2019/02/20 Python
Python中使用threading.Event协调线程的运行详解
2020/05/02 Python
HTML5之SVG 2D入门11—用户交互性(动画)介绍及应用
2013/01/30 HTML / CSS
高三语文教学反思
2014/01/15 职场文书
秦兵马俑教学反思
2014/02/07 职场文书
工业设计毕业生自荐信
2014/04/13 职场文书
新闻学专业求职信
2014/07/28 职场文书
2015年幼儿园学前班工作总结
2015/05/18 职场文书
MySQL系列之九 mysql查询缓存及索引
2021/07/02 MySQL