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系列(2) 揭秘命名函数表达式
Jan 15 Javascript
动态加载jquery库的方法
Feb 12 Javascript
基于JQuery的$.ajax方法进行异步请求导致页面闪烁的解决办法
May 10 Javascript
EasyUI在表单提交之前进行验证的实例代码
Jun 24 Javascript
JavaScript数据类型转换的注意事项
Jul 31 Javascript
AngularJS模板加载用法详解
Nov 04 Javascript
深入理解AngularJs-scope的脏检查(一)
Jun 19 Javascript
基于JavaScript实现抽奖系统
Jan 16 Javascript
vue-for循环嵌套操作示例
Jan 28 Javascript
koa2+vue实现登陆及登录状态判断
Aug 15 Javascript
vue实现短信验证码登录功能(流程详解)
Dec 10 Javascript
详解Webpack4多页应用打包方案
Jul 16 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 截取字符串 分别适合GB2312和UTF8编码情况
2009/02/12 PHP
PHP面向对象分析设计的61条军规小结
2010/07/17 PHP
Yii Framework框架获取分类下面的所有子类方法
2014/06/20 PHP
PHP使用SWOOLE扩展实现定时同步 MySQL 数据
2017/04/09 PHP
JQuery Ajax通过Handler访问外部XML数据的代码
2010/06/01 Javascript
js跨浏览器实现将字符串转化为xml对象的方法
2013/09/25 Javascript
深入探讨javascript中的数据类型
2015/03/04 Javascript
Javascript实现字数统计
2015/07/03 Javascript
全面解析Bootstrap手风琴效果
2020/04/17 Javascript
JS弹出对话框实现方法(三种方式)
2015/12/18 Javascript
jQuery绑定事件on()与弹窗的简要概述
2016/04/27 Javascript
浅谈js的异步执行
2016/10/18 Javascript
js窗口震动小程序分享
2016/11/28 Javascript
angularjs实现的前端分页控件示例
2017/02/10 Javascript
Angular5给组件本身的标签添加样式class的方法
2018/04/07 Javascript
vue项目引入字体.ttf的方法
2018/09/28 Javascript
JS原生带缩略图的图片切换效果
2018/10/10 Javascript
浅谈Vue组件单元测试究竟测试什么
2020/02/05 Javascript
JavaScript实现HSL拾色器
2020/05/21 Javascript
[53:18]Spirit vs Liquid Supermajor小组赛A组 BO3 第三场 6.2
2018/06/03 DOTA
[01:30]我们共输赢 完美世界城市挑战赛开启全新赛季
2019/04/19 DOTA
Python中利用sorted()函数排序的简单教程
2015/04/27 Python
Python实现登录人人网并抓取新鲜事的方法
2015/05/11 Python
python urllib爬虫模块使用解析
2019/09/05 Python
使用python绘制cdf的多种实现方法
2020/02/25 Python
tensorflow常用函数API介绍
2020/04/19 Python
Python collections.defaultdict模块用法详解
2020/06/18 Python
Desigual英国官网:在线购买原创服装
2018/03/09 全球购物
教师节标语大全
2014/10/07 职场文书
汽车质检员岗位职责
2015/04/08 职场文书
2015年学校教研室主任工作总结
2015/07/20 职场文书
幼儿园2016圣诞节活动总结
2016/03/31 职场文书
导游词之新疆尼雅遗址
2019/10/16 职场文书
浅谈怎么给Python添加类型标注
2021/06/08 Python
html5+实现plus.io进行拍照和图片等获取
2022/06/01 HTML / CSS
使用CSS定位HTML元素的实现方法
2022/07/07 HTML / CSS