jquery批量删除
前台代码
<!doctype html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport"content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title>
</head>
<body>
<table><tr><td>ID</td><td>房东</td><td>租客</td><td>预约时间</td><td>内容</td><td>操作</td></tr>@foreach($data as $v)<tr><td><input type="checkbox" class="check" value="{{$v->id}}"></td><td>{{$v->id}}</td><td>{{$v->name}}</td><td>{{$v->zuke}}</td><td>{{$v->time}}</td><td>{{$v->content}}</td><td><button class="btn" value="{{$v->id}}">删除</button></td></tr>@endforeach
</table>
<button class="delall">删除选中的</button>
</body>
</html>
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script><script>$(function () {$(".btn").click(function () {let id = $(this).attr('value');//发送ajaxvar _this = $(this);$.ajax({url:"http://www.homework.com/index.php/fangdel?id="+id,success:function (res) {if(res.code == 200){$(_this).parent('td').parent('tr').remove();}}})});$(".delall").click(function () {//获取选中的id//首先定义一个数组var fang_id = [];$('.check:checked').each(function (i,v) {fang_id.push($(v).val());})//将数组分割成字符串fang_id = fang_id.join(',');console.log(fang_id);//发送ajax$.ajax({url:"{{route('fangdelall')}}",data:{fang_id:fang_id},success:function (res) {if(res.code == 200){$('.check:checked').each(function(i,v){$(v).parents('tr').remove();})}}})});})
</script>
**
后台代码
**
//单删除public function fangdel(Request $request){$id = $request->input('id');//删除数据if (Fang::destroy($id)){return ['code' => 200,'msg'=>'ok','data' => []];}}//批删除public function fangdelall(Request $request){//接收参数$fang_id = $request->input();$fang_id = implode(',',$fang_id);$fang_id = explode(',',$fang_id);if (Fang::destroy($fang_id)){return ['code' => 200,'msg' => 'ok','data'=>[]];}}
jquery批量删除相关推荐
- js+jQuery获取全选并用ajax进行批量删除
今天在处理后台的时候做了个小小的ajax处理批量删除的功能,给大家分享下. 1.在Repater绑定出放入单选 <input id="chkContentId" name=& ...
- 使用jquery实现一个批量删除的功能
1.前端实现 ①为所有的复选框设置一个data属性,用于获取每条数据对应的id <td><input type="checkbox" name="IDC ...
- Bootstrap4+MySQL前后端综合实训-Day07-PM【用户信息管理页面——功能展示(分页显示数据、添加用户、批量删除用户、编辑用户信息)、servlet项目代码整理汇总】
[Bootstrap4前端框架+MySQL数据库]前后端综合实训[10天课程 博客汇总表 详细笔记][附:实训所有代码] 目 录 页面展示 分页显示数据 添加用户信息 (单个/批量)删除用户 编辑 ...
- Bootstrap4+MySQL前后端综合实训-Day07-AM【ajax局部刷新——(单个/批量)删除用户按钮的实现、更新用户信息按钮的实现】
[Bootstrap4前端框架+MySQL数据库]前后端综合实训[10天课程 博客汇总表 详细笔记][附:实训所有代码] 目 录 (单个/批量)删除用户按钮的实现.更新用户信息按钮的实现--展示 ...
- ASP.NET MVC+EF框架+EasyUI实现权限管理系列(18)-过滤器的使用和批量删除数据(伪删除和直接删除)...
ASP.NET MVC+EF框架+EasyUI实现权限管理系列(18)-过滤器的使用和批量删除数据(伪删除和直接删除) 原文:ASP.NET MVC+EF框架+EasyUI实现权限管理系列(18)-过 ...
- axios+vue+springboot完成批量删除
前端html页面 需要重点理解的就是全选的事件还有点击选中然后传递id给后端,需要把多个id放到一个数组里面然后传递到controller去执行批量删除的方法 <!DOCTYPE html> ...
- 5 批量更新多条记录_如何使用 F12 开发者工具自动批量删除新浪微博
如何批量删除新浪微博内容?从 2015 年开始注册新浪微博,到现在 2019 年,算起来也好多年了,期间大约发布了 1000条微博,但大多数都是签到(新浪微盘)以及转载分享,其实自己并没有发多少条生活 ...
- 2023年最新批量删除微博_新版微博怎么批量删除自己发的微博?
2023批量删除微博插件小工具_微博如何一次性批量删除微博 一千多条微博怎么删?微博怎么批量删除_怎样把发的微博全删了 视频如下 2022最新批量删除微博丨怎么一键批量删除微博与删除关注? 目前微博不 ...
- 复选框checkbox实现批量删除
一.jsp页面 <script type="text/javascript" src="<%=path%>/js/jquery-1.4.2.min.js ...
最新文章
- 王建春计算机应用基础,计算机应用基础(本)教学指南.pdf
- 2021-03-13
- 活动目录系列之三---域控制器常规卸域
- 私有方法,私有属性在继承中的应用
- 谈一谈对旋转矩阵的理解
- 【Elasticsearch】es 查询 multi_match 与 match_phrase
- android handler2--消息队列源码解析
- 计算机程序的构造和解释1构造过程抽象1.2过程与它们所产生的计算
- 红帽7.1安装Zabbix 3.4
- MySQL 批量修改数据库的字符集和排序规则
- 软件项目管理题外话篇-项目计划与结婚
- L298N 小车应用(附代码)
- 国家计算机考试报名照片编辑器,电脑的证件照制作软件推荐
- CoffeeRobotTeam项目组报告
- 影响个人征信的不良习惯有哪些?
- pe装机时看不到电脑的硬盘
- 学生管理系统(C语言小项目)
- 华为会议电脑版_华为云会议电脑版下载
- oracle产品RPD创建服务器变量
- 考勤刷卡--蓝桥杯省赛(C++)