layui table 多行删除(id获取)的方法


Posted in Javascript onSeptember 12, 2019

如下所示:

<button class="layui-btn layui-btn-danger" data-type="getid" οnclick="delAll()">删除所有选中行</button>

js:

table.on('checkbox(table)', function(obj){
 var data = obj.data;
});
layui.jquery, active = {
 getid: function () {
  var arr = [];
  var checkStatus = table.checkStatus('tableid')
   , data = checkStatus.data;
  for (var i = 0; i < data.length; i++) { //循环筛选出id
   arr.push(data[i].id);
  }
  $("#ids").val(arr);
 }
}
$('.layui-btn').on('click', function(){
 var type = $(this).data('type');
 active[type] ? active[type].call(this) : '';
});
function delAll(){
  layer.confirm('确定删除吗?', {btn: ['确定删除', '取消']}, function (index) {
   var a1 = $("#ids").val(); //取得已获取的ids
   $.ajax({ 
  .......  
   });
  });

}

以上这篇layui table 多行删除(id获取)的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JQuery入门——事件切换之hover()方法应用介绍
Feb 05 Javascript
浅谈Javascript 数组与字典
Jan 29 Javascript
HTML5 Shiv完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法
Nov 25 Javascript
基于javascript代码实现通过点击图片显示原图片
Nov 29 Javascript
AngularJS基于ui-route实现深层路由的方法【路由嵌套】
Dec 14 Javascript
利用webstrom调试Vue.js单页面程序的方法教程
Jun 06 Javascript
vue刷新和tab切换实例
Feb 11 Javascript
layer插件select选中默认值的方法
Aug 14 Javascript
详解npm 配置项registry修改为淘宝镜像
Sep 07 Javascript
傻瓜式解读koa中间件处理模块koa-compose的使用
Oct 30 Javascript
原生JS封装拖动验证滑块的实现代码示例
Jun 01 Javascript
在vue中import()语法不能传入变量的问题及解决
Apr 01 Vue.js
详解Vue中CSS样式穿透问题
Sep 12 #Javascript
微信小程序 函数防抖 解决重复点击消耗性能问题实现代码
Sep 12 #Javascript
微信小程序之 catalog 切换实现解析
Sep 12 #Javascript
layui实现checkbox的目录树tree的例子
Sep 12 #Javascript
layui表单提交到后台自动封装到实体类的方法
Sep 12 #Javascript
使用flow来规范javascript的变量类型
Sep 12 #Javascript
LayUI数据接口返回实体封装的例子
Sep 12 #Javascript
You might like
基于jquery的关于动态创建DOM元素的问题
2010/12/24 Javascript
某人初学javascript的时候写的学习笔记
2010/12/30 Javascript
JS图片预加载 JS实现图片预加载应用
2012/12/03 Javascript
javascript实现焦点滚动图效果 具体方法
2013/06/24 Javascript
转义字符(\)对JavaScript中JSON.parse的影响概述
2013/07/17 Javascript
js onload事件不起作用示例分析
2013/10/09 Javascript
为Javascript中的String对象添加去除左右空格的方法(示例代码)
2013/11/30 Javascript
JS控制弹出新页面窗口位置和大小的方法
2015/03/02 Javascript
jquery移动端TAB触屏切换实现效果
2020/12/22 Javascript
Js实现简单的小球运动特效
2016/02/18 Javascript
AngularJs定制样式插入到ueditor中的问题小结
2016/08/01 Javascript
老生常谈原生JS执行环境与作用域
2016/11/22 Javascript
基于JS实现带动画效果的流程进度条
2018/06/01 Javascript
JavaScript创建对象的常用方式总结
2018/08/10 Javascript
JavaScript实现矩形块大小任意缩放
2020/08/25 Javascript
高性能web服务器框架Tornado简单实现restful接口及开发实例
2014/07/16 Python
python在windows下实现ping操作并接收返回信息的方法
2015/03/20 Python
Python搭建APNS苹果推送通知推送服务的相关模块使用指南
2016/06/02 Python
教大家玩转Python字符串处理的七种技巧
2017/03/31 Python
python实现自动发送报警监控邮件
2018/06/21 Python
对Python 两大环境管理神器 pyenv 和 virtualenv详解
2018/12/31 Python
Django实现跨域请求过程详解
2019/07/25 Python
Python如何优雅获取本机IP方法
2019/11/10 Python
Python小白垃圾回收机制入门
2020/06/09 Python
使用python实现下载我们想听的歌曲,速度超快
2020/07/09 Python
世界上最大的街头服饰网站:Karmaloop
2017/02/04 全球购物
如何用Lucene索引数据库
2016/02/23 面试题
新电JAVA笔试题目
2014/08/31 面试题
应届生高等护理求职信
2013/10/12 职场文书
优秀士兵个人事迹材料
2014/01/19 职场文书
珍珠鸟教学反思
2014/02/01 职场文书
学校教师安全责任书
2014/07/23 职场文书
初中优秀教师事迹材料
2014/08/18 职场文书
物联网工程专业推荐信
2014/09/08 职场文书
单位未婚证明范本
2014/11/25 职场文书
Python基础知识学习之类的继承
2021/05/31 Python