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 相关文章推荐
js中return false(阻止)的用法
Aug 14 Javascript
JS去除数组重复值的五种不同方法
Sep 06 Javascript
Javascript基础教程之函数对象和属性
Jan 18 Javascript
js实现人才网站职位选择功能的方法
Aug 14 Javascript
基于javascript实现句子翻牌网页版小游戏
Mar 23 Javascript
阻止表单提交按钮多次提交的完美解决方法
May 16 Javascript
详解如何提高 webpack 构建 Vue 项目的速度
Jul 03 Javascript
微信小程序之前台循环数据绑定
Aug 18 Javascript
微信小程序 上传头像的实例详解
Oct 27 Javascript
JavaScript分步实现一个出生日期的正则表达式
Mar 22 Javascript
详解基于vue的服务端渲染框架NUXT
Jun 20 Javascript
对TypeScript库进行单元测试的方法
Jul 18 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
咖啡产品发展的三大浪潮
2021/03/04 咖啡文化
PHP中设置时区,记录日志文件的实现代码
2013/01/07 PHP
解析php中const与define的应用区别
2013/06/18 PHP
Alliance vs Liquid BO3 第三场2.13
2021/03/10 DOTA
JS 非图片动态loading效果实现代码
2010/04/09 Javascript
js将控件隐藏及display属性的使用介绍
2013/12/30 Javascript
Jquery方式获取iframe页面中的 Dom元素
2014/05/07 Javascript
javascript浏览器兼容教程之事件处理
2014/06/09 Javascript
jquery制作图片时钟特效
2020/03/30 Javascript
微信小程序 progress组件详解及实例代码
2016/10/25 Javascript
使用jquery实现的循环连续可停顿滚动实例
2016/11/23 Javascript
利用Query+bootstrap和js两种方式实现日期选择器
2017/01/10 Javascript
Javascript 两种刷新方法以及区别和适用范围
2017/01/17 Javascript
原生js实现弹出层效果
2017/01/20 Javascript
Angular2入门--架构总览
2017/03/29 Javascript
详解Node.js中exports和module.exports的区别
2017/04/19 Javascript
nodejs动态创建二维码的方法
2017/08/12 NodeJs
vue-auto-focus: 控制自动聚焦行为的 vue 指令方法
2018/08/25 Javascript
JS实现的input选择图片本地预览功能示例
2018/08/29 Javascript
vue-quill-editor富文本编辑器简单使用方法
2018/09/21 Javascript
为什么入门大数据选择Python而不是Java?
2018/03/07 Python
python2.7实现FTP文件下载功能
2018/04/15 Python
python实现微信每日一句自动发送给喜欢的人
2019/04/29 Python
Python Pandas数据中对时间的操作
2019/07/30 Python
python 实现目录复制的三种小结
2019/12/04 Python
python pptx复制指定页的ppt教程
2020/02/14 Python
python 实现多维数组(array)排序
2020/02/28 Python
Python根据字符串调用函数过程解析
2020/11/05 Python
一套.net面试题及答案
2016/11/02 面试题
银行柜员应聘推荐信范文
2013/11/24 职场文书
怎么写自荐书范文
2014/02/12 职场文书
先进党员事迹材料
2014/12/24 职场文书
端午节寄语2015
2015/03/23 职场文书
行政主管岗位职责范本
2015/04/09 职场文书
Vue实现tab导航栏并支持左右滑动功能
2021/06/28 Vue.js
使用CSS定位HTML元素的实现方法
2022/07/07 HTML / CSS