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学习笔记(三) String 字符串类型介绍
Jun 19 Javascript
jquery动画4.升级版遮罩效果的图片走廊--带自动运行效果
Aug 24 Javascript
用jQuery toggleClass 实现鼠标移上变色
May 14 Javascript
原生Js实现简易烟花爆炸效果的方法
Mar 20 Javascript
JavaScript中的对象与JSON
Jul 03 Javascript
jquery+html仿翻页相册功能
Dec 20 Javascript
AngularJs 常用的过滤器
May 15 Javascript
Angular通过指令动态添加组件问题
Jul 09 Javascript
微信小程序中this.data与this.setData的区别详解
Sep 17 Javascript
vue项目环境变量配置的实现方法
Oct 12 Javascript
Vue+abp微信扫码登录的实现代码示例
Jan 06 Javascript
vant组件中 dialog的确认按钮的回调事件操作
Nov 04 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伪造来源HTTP_REFERER的方法实例详解
2015/07/06 PHP
Zend Framework教程之Zend_Config_Ini用法分析
2016/03/23 PHP
php中时间函数date及常用的时间计算
2017/05/12 PHP
prototype 的说明 js类
2006/09/07 Javascript
Jquery ThickBox插件使用心得(不建议使用)
2010/09/08 Javascript
input禁止键盘及中文输入,但可以点击
2014/02/13 Javascript
使用Chrome浏览器调试AngularJS应用的方法
2015/06/18 Javascript
JavaScript重载函数实例剖析
2016/05/13 Javascript
JavaScript中数组Array方法详解
2017/02/27 Javascript
JS给按钮添加跳转功能类似a标签
2017/05/30 Javascript
JS设计模式之单例模式(一)
2017/09/29 Javascript
详解javascript常用工具类的封装
2018/01/30 Javascript
nodejs读取并去重excel文件
2018/04/22 NodeJs
浅谈Angular HttpClient简单入门
2018/05/04 Javascript
vue单页缓存方案分析及实现
2018/09/25 Javascript
基于vue-cli3和element实现登陆页面
2019/11/13 Javascript
[01:16]2014DOTA2 TI专访C9战队EE:中国五强中会占三席
2014/07/10 DOTA
python 动态获取当前运行的类名和函数名的方法
2014/04/15 Python
Python对象类型及其运算方法(详解)
2017/07/05 Python
Python实现抓取HTML网页并以PDF文件形式保存的方法
2018/05/08 Python
浅谈python之新式类
2018/08/12 Python
解决每次打开pycharm直接进入项目的问题
2018/10/28 Python
Python实现SQL注入检测插件实例代码
2019/02/02 Python
Python对列表的操作知识点详解
2019/08/20 Python
Python实现手机号自动判断男女性别(实例解析)
2019/12/22 Python
python爬虫开发之urllib模块详细使用方法与实例全解
2020/03/09 Python
PyQt5 文本输入框自动补全QLineEdit的实现示例
2020/05/13 Python
如何基于Python pygame实现动画跑马灯
2020/11/18 Python
美国第一香水网站:Perfume.com
2017/01/23 全球购物
同步和异步有何异同,在什么情况下分别使用他们
2013/04/09 面试题
销售员求职个人的自我评价
2014/02/19 职场文书
租房协议书
2014/04/10 职场文书
暑期家教宣传单
2015/07/14 职场文书
军训阅兵新闻稿
2015/07/17 职场文书
小学教师师德培训心得体会
2016/01/09 职场文书
MySQL大小写敏感的注意事项
2021/05/24 MySQL