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 YUI 读码日记之 YAHOO.util.Dom - Part.4
Mar 22 Javascript
js两行代码按指定格式输出日期时间
Oct 21 Javascript
form表单只提交数据而不进行页面跳转的解决方案
Sep 18 Javascript
鼠标滑过出现预览的大图提示效果
Feb 26 Javascript
在JavaScript中处理数组之reverse()方法的使用
Jun 09 Javascript
node.js+express制作网页计算器
Jan 17 Javascript
js实现的万能flv网页播放器代码
Apr 30 Javascript
12 款 JS 代码测试必备工具(翻译)
Dec 13 Javascript
vue父组件中获取子组件中的数据(实例讲解)
Sep 27 Javascript
Vue.js实现列表清单的操作方法
Nov 15 Javascript
vue.js表单验证插件(vee-validate)的使用教程详解
May 23 Javascript
小程序接口的promise化的实现方法
Dec 11 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
使用apache模块rewrite_module (转)
2007/02/14 PHP
php5 mysql分页实例代码
2008/04/10 PHP
功能齐全的PHP发送邮件类代码附详细说明
2008/07/10 PHP
手把手教你打印出PDF(关于fpdf的简单应用)
2013/06/25 PHP
php 模拟 asp.net webFrom 按钮提交事件的思路及代码
2013/12/02 PHP
PHP消息队列用法实例分析
2016/02/12 PHP
Laravel数据库读写分离配置的方法
2019/10/13 PHP
JQuery跨Iframe选择实现代码
2010/08/19 Javascript
javascript 原型链维护和继承详解
2014/11/26 Javascript
jQuery中toggleClass()方法用法实例
2015/01/05 Javascript
Nodejs为什么选择javascript为载体语言
2015/01/13 NodeJs
使用javascript实现判断当前浏览器
2015/04/14 Javascript
javascript实现全角转半角的方法
2016/01/23 Javascript
浅谈mvvm-simple双向绑定简单实现
2018/04/18 Javascript
微信小程序基础教程之worker线程的使用方法
2019/07/15 Javascript
js实现随机div颜色位置 类似满天星效果
2019/10/24 Javascript
修改vue源码实现动态路由缓存的方法
2020/01/21 Javascript
详解微信小程序动画Animation执行过程
2020/09/23 Javascript
基于JS实现操作成功之后自动跳转页面
2020/09/25 Javascript
vue单元格多列合并的实现
2020/11/26 Vue.js
Python编程之列表操作实例详解【创建、使用、更新、删除】
2017/07/22 Python
python实现遍历文件夹修改文件后缀
2018/08/28 Python
Python实现压缩文件夹与解压缩zip文件的方法
2018/09/01 Python
Python基于WordCloud制作词云图
2019/11/29 Python
Python利用逻辑回归模型解决MNIST手写数字识别问题详解
2020/01/14 Python
Python批量处理csv并保存过程解析
2020/05/16 Python
浅谈sklearn中predict与predict_proba区别
2020/06/28 Python
python正则表达式re.match()匹配多个字符方法的实现
2021/01/27 Python
html5小程序飞入购物车(抛物线绘制运动轨迹点)
2020/10/19 HTML / CSS
印度在线内衣和时尚目的地:Zivame
2017/09/28 全球购物
Timberland法国官网:购买靴子、鞋子、衣服、夹克和配饰
2019/11/30 全球购物
初中班级口号
2014/06/09 职场文书
公司领导班子召开党的群众路线教育实践活动总结大会新闻稿
2014/10/21 职场文书
2014年设计师工作总结
2014/11/25 职场文书
公司慰问信范文
2015/03/23 职场文书
5分钟教你docker安装启动redis全教程(全新方式)
2021/05/29 Redis