html代码:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="http://apps.bdimg.com/libs/bootstrap/3.3.0/css/bootstrap.min.css">
</head>
<body>
<form action="/admin/order/order">
<input type="hidden" name="token" value="{$Think.session.token}">
<input type="text" name="word" id="word">
<input type="button" value="立即查询" onclick="get()">
</form>
<span onclick="restore()">回收站</span>
<span onclick="clearCache()" style="color: red">清除缓冲</span>
<table class="table">
<tr>
<td><input type="button" class="all" value="批量删除"></td>
<td>订单号</td>
<td>收货人</td>
<td>支付方式</td>
<td>订单状态</td>
</tr>
{foreach $order as $v}
<tr>
<td><input type="checkbox" value="{$v.id}"></td>
<td>{$v.order}</td>
<td>{$v.consignee}</td>
<td>{$v.pay}</td>
<td>
{if $v.status==1}
<span>已支付</span>
{else}
<span>未支付</span>
{/if}
</td>
<td>
<span onclick="del({$v.id})">删除</span>
</td>
</tr>
{/foreach}
</table> </body>
</html>
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">
</script>
<script>
//批量删除
$('.all').click(function () {
var token=localStorage.getItem('token');
//定义一个空的数组
var arr = [];
//将选中的复选框进行循环,将值追加至新的数组中
$(':checkbox:checked').each(function (k,v) {
arr.push($(this).val());
})
$.ajax({
url:'/admin/order/alldel',
type:'GET',
data:{
id:arr
},
dataType:'JSON',
success:function (res){
if (res.code==200){
alert(res.massage);
$(':checkbox:checked').each(function (k,v){
$(v).parents('tr').remove()
})
}else{
alert('批量删除失败')
}
}
}) })</script>

//控制器代码:

   public function allDel(Request $request, $id)
{
//调用模型进行删除
$result = OrderModel::del($id);
if (!$result) {
return json(['code' => 500, 'massage' => '批量删除失败']);
}
return json(['code' => 200, 'massage' => '批量删除成功']);
}

模型代码:

    public static function del($id)
{
return self::destroy($id);
// return self::destroy($id,true);//这一步是强制删除
}

tp5 ajax批量删除(自写)的更多相关文章

  1. tp5 全选,全不选 ,ajax批量删除

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  2. ajax批量删除功能的实现源代码

    效果展示: 完整代码如下: <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charse ...

  3. tp5.1批量删除商品

    选中要删除的商品,点击批量删除 先在控制器使用sql语句查出商品信息goods 然后在html源码中使用goods变量. <table> {foreach $goods as $item} ...

  4. 原生PHP+原生ajax批量删除(超简单),ajax删除,ajax即点即改,完整代码,完整实例

    效果图: 建表:company DROP TABLE IF EXISTS `company`;CREATE TABLE `company` ( `id` int(11) NOT NULL AUTO_I ...

  5. Think5之ajax批量删除数据功能

    //批量删除学员信息 public function deleteMany() { $id = input('post.'); //判断id是数组还是一个数值 if(is_array($id)){ f ...

  6. 在spring mvc中利用ajax批量删除数据

    1.前台代码: $("#batchdelete").click(function(){ $.ajax({ type: "post", url: url, dat ...

  7. sqlserver中自定义函数+存储过程实现批量删除

    由于项目的需要,很多模块都要实现批量删除的功能.为了方便模块的调用,把批量删除方法写成自定义函数.直接上代码. 自定义函数: ALTER FUNCTION [dbo].[func_SplitById] ...

  8. PHP 批量删除的实现

    布局效果 布局代码 <button type="button" class="btn btn-sm btn-danger btn-erbi-danger" ...

  9. php jquery+ajax写批量删除

      为了美观,我还是引入了bootstrap的模态框,我引入的是自己的数据库 library中的一张表 名为:maninfo表 是一张个人信息表  表的加载我就不写了,比较简单,  大概写一下需要的按 ...

随机推荐

  1. 入门- k8s发布应用服务 (五)

    目标 了解 Kubernetes 的 Service(服务) 了解 Labels(标签)和 LabelSelector(标签选择器)与 Service(服务)的关系 在 kubernetes 集群中, ...

  2. HashCode补充

    public class Demo4 { public static void main(String[] args) { String str1 = "hello"; Strin ...

  3. 实现“手机qq”侧滑菜单 -- 吴欧

    基本数据采集 经过体验,手机QQ采用的应该是线性动画,即视图缩放比例等随手指在屏幕上滑动的距离以一次方程的形式变化. 提取基本数据,向右侧滑达到最大幅度时: 1.   右侧主视图左边界距离屏幕左边界的 ...

  4. python基础语法_8循环语句

    http://www.runoob.com/python3/python3-loop.html while 循环 Python中while语句的一般形式: while 判断条件: 语句 无限循环 我们 ...

  5. 分享学习linux网站

    1.实验楼 https://www.shiyanlou.com/     免费给你配置一台远端的linux电脑, 你可以根据步骤操作 2.鸟哥的Linux 私房菜 http://linux.vbird ...

  6. Note -「矩阵树定理」学习笔记

      大概--会很简洁吧 qwq. 矩阵树定理   对于无自环无向图 \(G=(V,E)\),令其度数矩阵 \(D\),邻接矩阵 \(A\),令该图的 \(\text{Kirchhoff}\) 矩阵 \ ...

  7. rabbit-vue3-ts-小兔鲜儿2022新版-系列开篇

    rabbit-vue3-ts-小兔鲜儿2022新版 项目使用 Vite + Vue3 + TypeScript + Pinia + VueRouter@4 进行开发. 代码检查和格式化为:ESlint ...

  8. 『无为则无心』Python面向对象 — 45、面向对象编程

    目录 1.面向对象编程的概念 2.面向对象编程和面向过程编程的区别 (1)面向过程编程 (2)面向对象编程 3.举例理解面向对象 4.Python的面向对象编程 5.面向对象的几大核心特性 1.面向对 ...

  9. JavaScript ==原理与分析

    JavaScript原始类型 ECMAScript 有 5 种原始类型(primitive type),即 Undefined.Null.Boolean.Number 和 String. typeof ...

  10. DevOpts 前端开发和 Spug

    DevOpts 前端开发和 Spug 朋友新工作是进行 DevOpts 前端开发,涉及 Spug. DevOps 是什么 DevOps 是一种思想.用于促进开发和运维之间的沟通.协作或整合. Tip: ...