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广告代码
May 30 Javascript
JavaScript 应用类库代码
Jun 02 Javascript
javascript 面向对象编程基础 多态
Aug 21 Javascript
关于Aptana Studio生成自动备份文件的解决办法
Dec 23 Javascript
Javascript JSQL,SQL无处不在,
May 05 Javascript
JavaScript中的this使用详解
Jul 27 Javascript
js实现上传文件添加和删除文件选择框
Oct 24 Javascript
使用ionic播放轮询广告的实现方法(必看)
Apr 24 Javascript
原生JS实现的碰撞检测功能示例
May 18 Javascript
在Vue中获取自定义属性方法:data-id的实例
Sep 09 Javascript
vue制作toast组件npm包示例代码
Oct 29 Javascript
vue实现可以快进后退的跑马灯组件
Apr 08 Vue.js
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
2006/10/09 PHP
用php过滤危险html代码的函数
2008/07/22 PHP
PHP里的中文变量说明
2011/07/23 PHP
php判断是否为ajax请求的方法
2016/11/29 PHP
Yii2实现ActiveForm ajax提交
2017/05/26 PHP
thinkPHP框架动态配置用法实例分析
2018/06/14 PHP
基于PHP实现用户登录注册功能的详细教程
2020/08/04 PHP
轻轻松松学习JavaScript
2007/02/25 Javascript
jQuery获取地址栏参数插件(模仿C#)
2010/10/26 Javascript
基于JQuery的类似新浪微博展示信息效果的代码
2012/07/23 Javascript
select、radio表单回显功能实现避免使用jquery载入赋值
2013/06/08 Javascript
jquery图片不完全按比例自动缩小的简单代码
2013/07/29 Javascript
jquery带有索引按钮且自动轮播切换特效代码分享
2015/09/15 Javascript
JQuery解析XML的方法小结
2016/04/02 Javascript
JavaScript的字符串方法汇总
2016/07/31 Javascript
详解jQuery lazyload 懒加载
2016/12/19 Javascript
js canvas实现放大镜查看图片功能
2017/06/08 Javascript
jQuery EasyUI Layout实现tabs标签的实例
2017/09/26 jQuery
Vue使用axios出现options请求方法
2019/05/30 Javascript
Vue.js实现可编辑的表格
2019/12/11 Javascript
jQuery操作动画完整实例分析
2020/01/10 jQuery
详解vue 组件
2020/06/11 Javascript
微信小程序实现通讯录列表展开收起
2020/11/18 Javascript
python将人民币转换大写的脚本代码
2013/02/10 Python
python中黄金分割法实现方法
2015/05/06 Python
Django框架创建项目的方法入门教程
2019/11/04 Python
python list数据等间隔抽取并新建list存储的例子
2019/11/27 Python
容易被忽略的Python内置类型
2020/09/03 Python
CSS3 3D位移translate效果实例介绍
2016/05/03 HTML / CSS
宝拉珍选英国官网:Paula’s Choice英国
2019/05/29 全球购物
施华洛世奇西班牙官网:SWAROVSKI西班牙
2019/06/06 全球购物
Moda Operandi官网:美国奢侈品电商,海淘秀场T台同款
2020/05/26 全球购物
基层工作经验证明样本
2014/11/16 职场文书
手把手教你从零开始react+antd搭建项目
2021/06/03 Javascript
《极主夫道》真人电影正式预告 定档6月3日上映
2022/04/05 日漫
Windows和Linux上部署Golang并运行程序
2022/04/22 Servers