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 相关文章推荐
js实现文本框中焦点在最后位置
Mar 04 Javascript
Javascript学习笔记之 对象篇(一) : 对象的使用和属性
Jun 24 Javascript
一段非常简单的js判断浏览器的内核
Aug 17 Javascript
jQuery添加/改变/移除CSS类及判断是否已经存在CSS
Aug 20 Javascript
了不起的node.js读书笔记之node的学习总结
Dec 22 Javascript
基于jquery实现的自动补全功能
Mar 12 Javascript
jQuery+Ajax+PHP+Mysql实现分页显示数据实例讲解
Sep 27 Javascript
页面get请求 中文参数方法乱码问题的快速解决方法
May 31 Javascript
JS控制文本域只读或可写属性的方法
Jun 24 Javascript
JavaScript reduce和reduceRight详解
Oct 24 Javascript
vue路由切换之淡入淡出的简单实现
Oct 31 Javascript
解决vue-cli 打包后自定义动画未执行的问题
Nov 12 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
仿Aspnetpager的一个PHP分页类代码 附源码下载
2012/10/08 PHP
thinkphp3.0输出重复两次的解决方法
2014/12/19 PHP
在WordPress的文章编辑器中设置默认内容的方法
2015/12/29 PHP
PHP封装的mysqli数据库操作类示例
2019/02/16 PHP
laravel框架中表单请求类型和CSRF防护实例分析
2019/11/23 PHP
前台js改变Session的值(用ajax实现)
2012/12/28 Javascript
jquery禁用右键示例
2014/04/28 Javascript
node.js中的fs.futimes方法使用说明
2014/12/17 Javascript
js实现的二级横向菜单条实例
2015/08/22 Javascript
jquery easyui datagrid实现增加,修改,删除方法总结
2016/05/25 Javascript
javascript实现消灭星星小游戏简单版
2016/11/15 Javascript
extjs简介_动力节点Java学院整理
2017/07/17 Javascript
security.js实现的RSA加密功能示例
2018/06/06 Javascript
浅谈Redux中间件的实践
2018/07/27 Javascript
vue动态改变背景图片demo分享
2018/09/13 Javascript
VUE实现强制渲染,强制更新
2019/10/29 Javascript
vscode中的vue项目报错Property ‘xxx‘ does not exist on type ‘CombinedVueInstance<{ readyOnly...Vetur(2339)
2020/09/11 Javascript
Python动态声明变量赋值代码实例
2019/12/30 Python
python、PyTorch图像读取与numpy转换实例
2020/01/13 Python
Python底层封装实现方法详解
2020/01/22 Python
浅析CSS3 中的 transition,transform,translate之间区别和作用
2020/03/26 HTML / CSS
Fairyseason:为个人和批发商提供女装和配件
2017/03/01 全球购物
美国中西部家用医疗设备商店:Med Mart(轮椅、踏板车、升降机等)
2019/04/26 全球购物
戴森西班牙官网:Dyson西班牙
2020/02/04 全球购物
财务管理专业自荐信范文
2013/12/24 职场文书
工作会议欢迎词
2014/01/16 职场文书
校园活动宣传方案
2014/03/28 职场文书
新书发布会策划方案
2014/06/09 职场文书
党员教师群众路线对照检查材料思想汇报
2014/09/29 职场文书
党员干部三严三实心得体会
2014/10/13 职场文书
物流仓管员岗位职责
2015/04/01 职场文书
2016春季小学开学寄语
2015/12/03 职场文书
python基于OpenCV模板匹配识别图片中的数字
2021/03/31 Python
MySQL之高可用集群部署及故障切换实现
2021/04/22 MySQL
详解Vue的列表渲染
2021/11/20 Vue.js
深入讲解Vue中父子组件通信与事件触发
2022/03/22 Vue.js