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 相关文章推荐
xtree.js 代码
Mar 13 Javascript
jQuery Study Notes学习笔记 (二)
Aug 04 Javascript
js原型继承的两种方法对比介绍
Mar 30 Javascript
jQuery 2.0.3 源码分析之core(一)整体架构
May 27 Javascript
详解jQuery简单的表单应用
Dec 16 Javascript
JSONP跨域请求
Mar 02 Javascript
JS时间控制实现动态效果的实例讲解
Jul 31 Javascript
Vue.js 实现数据展示全部和收起功能
Sep 05 Javascript
详解Angular cli配置过程记录
Nov 07 Javascript
jQuery+ajax实现用户登录验证
Sep 13 jQuery
WebStorm无法正确识别Vue3组合式API的解决方案
Feb 18 Vue.js
vue实现列表拖拽排序的示例代码
Apr 08 Vue.js
详解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 Embed SAPI实现Opcodes查看器
2015/11/10 PHP
PHP面试常用算法(推荐)
2016/07/22 PHP
php简单统计中文个数的方法
2016/09/30 PHP
php获取ip及网址的简单方法(必看)
2017/04/01 PHP
在Laravel的Model层做数据缓存的实现
2019/09/26 PHP
JS实现OCX控件的事件响应示例
2014/09/17 Javascript
jquery控制背景音乐开关与自动播放提示音的方法
2015/02/06 Javascript
JSON与XML的区别对比及案例应用
2016/11/11 Javascript
实例解析jQuery工具函数
2016/12/01 Javascript
Vue监听数组变化源码解析
2017/03/09 Javascript
使用JavaScript实现表格编辑器(实例讲解)
2017/08/02 Javascript
angular4实现tab栏切换的方法示例
2017/10/21 Javascript
旺旺在线客服代码 旺旺客服代码生成器
2018/01/09 Javascript
Vue中在新窗口打开页面及Vue-router的使用
2018/06/13 Javascript
js实现无缝滚动双图切换效果
2019/07/09 Javascript
vue+element-ui+axios实现图片上传
2019/08/20 Javascript
Nodejs实现微信分账的示例代码
2021/01/19 NodeJs
Python实现处理管道的方法
2015/06/04 Python
Python线性回归实战分析
2018/02/01 Python
django1.11.1 models 数据库同步方法
2018/05/30 Python
Python中GeoJson和bokeh-1的使用讲解
2019/01/03 Python
很酷的python表白工具 你喜欢我吗
2019/04/11 Python
基于sklearn实现Bagging算法(python)
2019/07/11 Python
Python3内置模块之base64编解码方法详解
2019/07/13 Python
Win10+GPU版Pytorch1.1安装的安装步骤
2019/09/27 Python
python GUI库图形界面开发之PyQt5时间控件QTimer详细使用方法与实例
2020/02/26 Python
python实现将range()函数生成的数字存储在一个列表中
2020/04/02 Python
装上这 14 个插件后,PyCharm 真的是无敌的存在
2021/01/11 Python
英国舒适型鞋履品牌:FitFlop
2017/05/17 全球购物
中东奢侈品购物网站:Ounass
2020/09/02 全球购物
一年级学生评语大全
2014/04/21 职场文书
干部选拔任用方案
2014/05/26 职场文书
今冬明春火灾防控工作方案
2014/05/29 职场文书
2014市府办领导班子“四风问题”对照检查材料思想汇报
2014/09/24 职场文书
员工工作自我评价
2014/09/26 职场文书
MySQL数据库查询之多表查询总结
2022/08/05 MySQL