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 相关文章推荐
一行代码实现纯数据json对象的深度克隆实现思路
Jan 09 Javascript
js单词形式的运算符
May 06 Javascript
JavaScript link方法入门实例(给字符串加上超链接)
Oct 17 Javascript
js实现3D图片逐张轮播幻灯片特效代码分享
Sep 09 Javascript
Vue.js中的图片引用路径的方式
Jul 28 Javascript
Vue完整项目构建(进阶篇)
Feb 10 Javascript
微信小程序之分享页面如何返回首页的示例
Mar 28 Javascript
node 命令方式启动修改端口的方法
May 12 Javascript
详解vuex状态管理模式
Nov 01 Javascript
微信小程序 数据缓存实现方法详解
Aug 26 Javascript
解决vue elementUI中table里数字、字母、中文混合排序问题
Jan 07 Javascript
vue实现评价星星功能
Jun 30 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中调用C/C++制作的动态链接库的教程
2016/03/10 PHP
PHP实现导出带样式的Excel
2016/08/28 PHP
jQueryPad 实用的jQuery测试工具(支持IE,chrome,FF)
2010/05/22 Javascript
图片上传插件jquery.uploadify详解
2013/11/15 Javascript
jquery序列化表单去除指定元素示例代码
2014/04/10 Javascript
全面解析Bootstrap表单使用方法(表单控件状态)
2015/11/24 Javascript
理解javascript闭包
2015/12/15 Javascript
jQuery内容筛选选择器实例代码
2017/02/06 Javascript
微信小程序 跳转方式总结
2017/04/20 Javascript
JavaScript之生成器_动力节点Java学院整理
2017/06/30 Javascript
Vue的H5页面唤起支付宝支付功能
2019/04/18 Javascript
如何写好一个vue组件,老夫的一年经验全在这了(推荐)
2019/05/18 Javascript
vue-cli 为项目设置别名的方法
2019/10/15 Javascript
js cavans实现静态滚动弹幕
2020/05/21 Javascript
js实现验证码干扰(动态)
2021/02/23 Javascript
[02:41]DOTA2英雄基础教程 冥魂大帝
2014/01/16 DOTA
HTML的form表单和django的form表单
2019/07/25 Python
Python Pandas 如何shuffle(打乱)数据
2019/07/30 Python
利用OpenCV和Python实现查找图片差异
2019/12/19 Python
python有序查找算法 二分法实例解析
2020/02/18 Python
Python实现对adb命令封装
2020/03/06 Python
如何在python中处理配置文件代码实例
2020/09/27 Python
Python爬虫之Selenium中frame/iframe表单嵌套页面
2020/12/04 Python
解决pip安装tensorflow中出现的no module named tensorflow.python 问题方法
2021/02/20 Python
css3实现3D色子翻转特效
2014/12/23 HTML / CSS
ASOS英国官网:英国在线时装和化妆品零售商
2017/05/19 全球购物
优质有机椰子产品:Dr. Goerg
2019/09/24 全球购物
娇韵诗Clarins意大利官方网站:法国天然护肤品牌
2020/03/11 全球购物
衰败城市英国官网:Urban Decay英国
2020/04/29 全球购物
Java里面Pass by value和Pass by Reference是什么意思
2016/05/02 面试题
职专应届生求职信
2013/11/16 职场文书
打架检讨书800字
2014/01/10 职场文书
初中生自我鉴定
2014/02/04 职场文书
五好党支部事迹材料
2014/02/06 职场文书
《唯一的听众》教学反思
2014/02/20 职场文书
优秀护士先进事迹
2014/05/08 职场文书