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 相关文章推荐
jquery ajax例子返回值详解
Sep 11 Javascript
jQuery.lazyload+masonry改良图片瀑布流代码
Jun 20 Javascript
jQuery设置和获取HTML、文本和值示例
Jul 08 Javascript
jQuery实现360°全景拖动展示
Mar 18 Javascript
js实现表单多按钮提交action的处理方法
Oct 24 Javascript
深入解析JavaScript中函数的Currying柯里化
Mar 19 Javascript
JS判断图片是否加载完成方法汇总(最新版)
May 13 Javascript
读Javascript高性能编程重点笔记
Dec 21 Javascript
jQuery实现在HTML文档加载完毕后自动执行某个事件的方法
May 08 jQuery
浅谈ElementUI中switch回调函数change的参数问题
Aug 24 Javascript
js中比较两个对象是否相同的方法示例
Sep 02 Javascript
vue路由的配置和页面切换详解
Sep 09 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的call_user_func传reference引发的思考
2010/07/23 PHP
PHP重载基础知识回顾
2020/09/10 PHP
JS控件autocomplete 0.11演示及下载 1月5日已更新
2007/01/09 Javascript
js监听表单value的修改同步问题,跨浏览器支持
2009/12/31 Javascript
YUI Compressor压缩JavaScript原理及微优化
2013/01/07 Javascript
THREE.JS入门教程(3)着色器-下
2013/01/24 Javascript
jqgrid 表格数据导出实例
2013/11/21 Javascript
JqueryMobile动态生成listView并实现刷新的两种方法
2014/03/05 Javascript
Vue.js学习笔记之 helloworld
2016/08/14 Javascript
总结JavaScript的正则与其他语言的不同之处
2016/08/25 Javascript
JS组件系列之使用HTML标签的data属性初始化JS组件
2016/09/14 Javascript
详解JavaScript的内置对象
2016/12/07 Javascript
javascript显示系统当前时间代码
2016/12/29 Javascript
数组Array的排序sort方法
2017/02/17 Javascript
jQuery实现键盘回车搜索功能
2017/07/25 jQuery
vue项目总结之文件夹结构配置详解
2017/12/13 Javascript
在vue中v-bind使用三目运算符绑定class的实例
2018/09/29 Javascript
vue2.0自定义指令示例代码详解
2019/04/25 Javascript
微信小程序中悬浮窗功能的实现代码
2019/08/02 Javascript
jQuery实现鼠标滑动切换图片
2020/05/27 jQuery
基于vue实现探探滑动组件功能
2020/05/29 Javascript
详解template标签用法(含vue中的用法总结)
2021/01/12 Vue.js
python实现通过代理服务器访问远程url的方法
2015/04/29 Python
解决python3 requests headers参数不能有中文的问题
2019/08/21 Python
TensorFlow tf.nn.conv2d实现卷积的方式
2020/01/03 Python
如何基于python3和Vue实现AES数据加密
2020/03/27 Python
Python使用Selenium实现淘宝抢单的流程分析
2020/06/23 Python
利用纯css3实现的文字亮光特效的代码演示
2014/11/27 HTML / CSS
德国体育用品网上商店:SC24.com
2016/08/01 全球购物
信息管理专业推荐信
2013/10/29 职场文书
大三学生入党思想汇报
2014/01/02 职场文书
高速铁道技术专业求职信
2014/08/09 职场文书
学雷锋的心得体会
2014/09/04 职场文书
2015年餐厅服务员工作总结
2015/04/23 职场文书
银行柜员工作心得体会
2016/01/23 职场文书
Vue3中toRef与toRefs的区别
2022/03/24 Vue.js