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 相关文章推荐
Javascript 篱式条件判断
Aug 22 Javascript
js 实现复制到粘贴板的功能代码
May 13 Javascript
JS的replace方法介绍
Oct 20 Javascript
使用FlexiGrid实现Extjs表格效果方法分享
Dec 16 Javascript
JavaScript中的Math.SQRT1_2属性使用简介
Jun 14 Javascript
js替换字符串中所有指定的字符(实现代码)
Aug 17 Javascript
微信小程序 数据访问实例详解
Oct 08 Javascript
Angular 常用指令实例总结整理
Dec 13 Javascript
JQuery获取鼠标进入和离开容器的方向
Dec 29 Javascript
servlet+jquery实现文件上传进度条示例代码
Jan 25 Javascript
微信小程序实现侧边分类栏
Oct 21 Javascript
Vue和React有哪些区别
Sep 12 Javascript
详解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
PHP 中关于ord($str)&amp;gt;0x80的详细说明
2012/09/23 PHP
使用一个for循环将N*N的二维数组的所有值置1实现方法
2017/05/29 PHP
Nigma vs Liquid BO3 第二场2.14
2021/03/10 DOTA
为javascript添加String.Format方法
2020/08/11 Javascript
caller和callee的区别介绍及演示结果
2013/03/10 Javascript
JavaScript获取一个范围内日期的方法
2015/04/24 Javascript
js HTML5手机刮刮乐代码
2020/09/29 Javascript
Html5 js实现手风琴效果
2020/04/17 Javascript
vue学习笔记之v-if和v-show的区别
2017/09/20 Javascript
JS原型继承四步曲及原型继承图一览
2017/11/28 Javascript
js读取本地文件的实例
2017/12/22 Javascript
详解ES6语法之可迭代协议和迭代器协议
2018/01/13 Javascript
Canvas实现微信红包照片效果
2018/08/21 Javascript
解决angular双向绑定无效果,ng-model不能正常显示的问题
2018/10/02 Javascript
JavaScript实现页面中录音功能的方法
2019/06/04 Javascript
使用Vue.js 和Chart.js制作绚丽多彩的图表
2019/06/15 Javascript
微信小程序云开发如何实现数据库自动备份实现
2019/08/16 Javascript
Python中的anydbm模版和shelve模版使用指南
2015/07/09 Python
Python实现自动发送邮件功能
2021/03/02 Python
微信跳一跳自动运行python脚本
2018/01/08 Python
对Python 语音识别框架详解
2018/12/24 Python
python tkinter实现彩球碰撞屏保
2019/07/30 Python
Python程序慢的重要原因
2020/09/04 Python
伦敦著名的运动鞋综合商店:Footpatrol
2019/03/25 全球购物
竞争上岗演讲稿
2014/01/05 职场文书
元旦联欢会感言
2014/03/04 职场文书
工业设计毕业生自荐信
2014/04/13 职场文书
2015年挂职干部工作总结
2015/05/14 职场文书
酒店温馨提示语
2015/07/14 职场文书
公司行政管理制度范本
2015/08/05 职场文书
python实现简易名片管理系统
2021/04/11 Python
python爬虫之利用selenium模块自动登录CSDN
2021/04/22 Python
JavaScript如何利用Promise控制并发请求个数
2021/05/14 Javascript
Python将CSV文件转化为HTML文件的操作方法
2021/06/30 Python
使用 Koa + TS + ESLlint 搭建node服务器的过程详解
2022/05/30 NodeJs
python 判断字符串当中是否包含字符(str.contain)
2022/06/01 Python