前臺代碼
<!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'=>[]];}}