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 相关文章推荐
Code:loadScript( )加载js的功能函数
Feb 02 Javascript
使用jQuery重置(reset)表单的方法
May 05 Javascript
JS实现在状态栏显示打字效果完整实例
Nov 02 Javascript
JS实现字符串转日期并比较大小实例分析
Dec 09 Javascript
JavaScript编写Chrome扩展实现与浏览器的交互及时间通知
May 16 Javascript
详解Node.Js如何处理post数据
Sep 19 Javascript
JS点击某个图标或按钮弹出文件选择框的实现代码
Sep 27 Javascript
详解vue路由篇(动态路由、路由嵌套)
Jan 27 Javascript
深入理解JavaScript 箭头函数
May 30 Javascript
微信小程序实现音乐播放页面布局
Dec 11 Javascript
Element el-button 按钮组件的使用详解
Feb 01 Javascript
jQuery是用来干什么的 jquery其实就是一个js框架
Feb 04 jQuery
详解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中使用正则表达式进行查找替换
2013/06/13 PHP
PHP三元运算的2种写法代码实例
2014/05/12 PHP
PHP生成随机密码方法汇总
2015/08/27 PHP
js异或加解密效果代码
2008/06/25 Javascript
js 方法实现返回多个数据的代码
2009/04/30 Javascript
表单元素事件 (Form Element Events)
2009/07/17 Javascript
JavaScript 学习笔记(十三)Dom创建表格
2010/01/21 Javascript
JavaScript中的View-Model使用介绍
2011/08/11 Javascript
jQuery-Tools-overlay 使用介绍
2012/07/14 Javascript
解析Javascript中中括号“[]”的多义性
2013/12/03 Javascript
javascript面向对象快速入门实例
2015/01/13 Javascript
javascript自定义右键弹出菜单实现方法
2015/05/25 Javascript
基于JavaScript操作DOM常用的API小结
2015/12/01 Javascript
利用vue实现模态框组件
2016/12/19 Javascript
Bootstrap导航条学习使用(二)
2017/02/08 Javascript
angular使用bootstrap方法手动启动的实例代码
2017/07/18 Javascript
Nodejs 和Session 原理及实战技巧小结
2017/08/25 NodeJs
JavaScript中如何判断一个值的类型
2017/09/15 Javascript
Vue 使用中的小技巧
2018/04/26 Javascript
详解如何配置vue-cli3.0的vue.config.js
2018/08/23 Javascript
vue实现百度搜索功能
2020/12/28 Javascript
原生js实现日历效果
2020/03/02 Javascript
Python lambda函数基本用法实例分析
2018/03/16 Python
python删除本地夹里重复文件的方法
2020/11/19 Python
python实现flappy bird小游戏
2018/12/24 Python
Python实现socket非阻塞通讯功能示例
2019/11/06 Python
Django 用户登陆访问限制实例 @login_required
2020/05/13 Python
函授本科毕业自我鉴定
2013/10/09 职场文书
护理专业大学生自我推荐信
2014/01/25 职场文书
自我评价的范文
2014/02/02 职场文书
小学教师寄语大全
2014/04/03 职场文书
11.9消防日宣传标语
2014/10/08 职场文书
学术研讨会欢迎词
2015/01/26 职场文书
中学感恩教育活动总结
2015/05/05 职场文书
货款欠条范本
2015/07/03 职场文书
军训决心书范文
2015/09/22 职场文书