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中清空数组的三种方法分享
Apr 07 Javascript
解析JavaScript中的标签语句
Jun 19 Javascript
javascript结合Canvas 实现简易的圆形时钟
Mar 11 Javascript
JS基于面向对象实现的放烟花效果
May 07 Javascript
jquery原理以及学习技巧介绍
Nov 11 Javascript
Node.js connect ECONNREFUSED错误解决办法
Sep 15 Javascript
Angular.js中ng-if、ng-show和ng-hide的区别介绍
Jan 20 Javascript
Vue精简版风格指南(推荐)
Jan 30 Javascript
.vue文件 加scoped 样式不起作用的解决方法
May 28 Javascript
vue中各种通信传值方式总结
Feb 14 Javascript
JavaScript碰撞检测原理及其实现代码
Mar 12 Javascript
JavaScript实现矩形块大小任意缩放
Aug 25 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
2007/01/15 PHP
手把手教你使用DedeCms的采集的图文教程
2007/03/11 PHP
如何利用php array_multisort函数 对数据库结果进行复杂排序
2013/06/08 PHP
在PHP中使用X-SendFile头让文件下载更快
2014/06/01 PHP
PHP基于php_imagick_st-Q8.dll实现JPG合成GIF图片的方法
2014/07/11 PHP
Web程序工作原理详解
2014/12/25 PHP
基于PHP微信红包的算法探讨
2016/07/21 PHP
解决PhpStorm64不能启动的问题
2020/06/20 PHP
javascript 命名规则 变量命名规则
2010/02/25 Javascript
javascript SpiderMonkey中的函数序列化如何进行
2012/12/05 Javascript
js关闭父窗口时关闭子窗口
2013/04/01 Javascript
JavaScript 学习笔记之操作符(续)
2015/01/14 Javascript
js选项卡的实现方法
2015/02/09 Javascript
ajax读取数据后使用jqchart显示图表的方法
2015/06/10 Javascript
javascript使用输出语句实现网页特效代码
2015/08/06 Javascript
基于JavaScript实现点击页面任何位置返回
2016/08/31 Javascript
JavaScript仿聊天室聊天记录
2016/12/27 Javascript
javascript基础知识之html5轮播图实例讲解(44)
2017/02/17 Javascript
Angular.JS去掉访问路径URL中的#号详解
2017/03/30 Javascript
Vue.js用法详解
2017/11/13 Javascript
webpack打包js的方法
2018/03/12 Javascript
vue实现图片上传到后台
2020/06/29 Javascript
[46:57]EG vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
python将.ppm格式图片转换成.jpg格式文件的方法
2018/10/27 Python
基于Django静态资源部署404的解决方法
2019/07/28 Python
twilio python自动拨打电话,播放自定义mp3音频的方法
2019/08/08 Python
Django中的cookie和session
2019/08/27 Python
python KNN算法实现鸢尾花数据集分类
2019/10/24 Python
amazeui树节点自动展开折叠面板并选中第一个树节点的实现
2020/08/24 HTML / CSS
美国汽车零部件和配件网站:CarParts
2019/03/13 全球购物
速卖通欧盟:Aliexpress EU
2020/08/19 全球购物
中学教师教育感言
2014/02/21 职场文书
2014年“四风”问题个人整改措施
2014/09/17 职场文书
2015年小学图书室工作总结
2015/05/18 职场文书
分享15个Webpack实用的插件!!!
2021/03/31 Javascript
MySQL约束超详解
2021/09/04 MySQL