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 一道字符串分解的题目
Aug 03 Javascript
js opener的使用详解
Jan 11 Javascript
jQuery中:nth-child选择器用法实例
Dec 31 Javascript
js中函数声明与函数表达式
Jun 03 Javascript
JavaScript实现星级评分
Jan 12 Javascript
解决浏览器会自动填充密码的问题
Apr 28 Javascript
详解vuex的简单使用
Mar 12 Javascript
Vue框架里使用Swiper的方法示例
Sep 20 Javascript
vue+axios实现文件下载及vue中使用axios的实例
Sep 21 Javascript
elementUi vue el-radio 监听选中变化的实例代码
Jun 28 Javascript
Vue-Cli项目优化操作的实现
Oct 27 Javascript
JS模拟实现京东快递单号查询
Nov 30 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 7.0.2 正式版发布
2016/01/08 PHP
php基于openssl的rsa加密解密示例
2016/07/11 PHP
PHP将整数数字转换为罗马数字实例分享
2019/03/17 PHP
基于jquery的图片的切换(以数字的形式)
2011/02/14 Javascript
JavaScript中pop()方法的使用教程
2015/06/09 Javascript
在Vue组件化中利用axios处理ajax请求的使用方法
2017/08/25 Javascript
利用jQuery+localStorage实现一个简易的计时器示例代码
2017/12/25 jQuery
详解Angular5 路由传参的3种方法
2018/04/28 Javascript
详解Axios统一错误处理与后置
2018/09/26 Javascript
vue中node_modules中第三方模块的修改使用详解
2019/05/31 Javascript
vue实现自定义多选按钮
2020/07/16 Javascript
详解Vue3 Teleport 的实践及原理
2020/12/02 Vue.js
[05:03]显微镜下的DOTA2第十期——Ti3豪之超神幽鬼
2014/06/23 DOTA
[03:44]2014DOTA2国际邀请赛 71专访:DK战队赛前讨论视频遭泄露
2014/07/13 DOTA
Python命名空间详解
2014/08/18 Python
django2 快速安装指南分享
2018/01/05 Python
python 查找文件名包含指定字符串的方法
2018/06/05 Python
python3人脸识别的两种方法
2019/04/25 Python
Python+OpenCV实现将图像转换为二进制格式
2020/01/09 Python
编写函数,将一个3*3矩阵转置
2013/10/09 面试题
linux下进程间通信的方式
2014/12/23 面试题
学习决心书
2014/03/11 职场文书
多媒体教室标语
2014/06/26 职场文书
小学竞选班干部演讲稿
2014/08/20 职场文书
中秋节国旗下演讲稿
2014/09/05 职场文书
公司离职证明范本(5篇)
2014/09/17 职场文书
北京英文导游词
2015/02/12 职场文书
2015年“公民道德宣传日”活动方案
2015/05/06 职场文书
如何写观后感
2015/06/19 职场文书
科级干部培训心得体会
2016/01/06 职场文书
拥有这5个特征人,“命”都不会太差
2019/08/16 职场文书
成本低的5个创业项目:投资小、赚钱快
2019/08/20 职场文书
Nginx tp3.2.3 404问题解决方案
2021/03/31 Servers
Sql-Server数据库单表查询 4.3实验课
2021/04/05 SQL Server
Python可视化动图组件ipyvizzu绘制惊艳的可视化动图
2022/04/21 Python
教你使用Ubuntu搭建DNS服务器
2022/09/23 Servers