一、引入JQuery
html所添加的代码
给对应的按钮或复选框绑定ID或class属性
//批量删除按钮
<a href="#"><button type="button" class="btn btn-danger" id="delAll">批量删除</button>
</a>//给复选框绑定class属性,ID为了能够获取id值
<td><input type="checkbox" class="checks" id="{$v.id}"></td>
//ajax批量删除
$('#delAll').click(function (){//创建一个空字符串var delId='';//将选中的复选框循环添加到字符串中$('.checks:checked').each(function (){delId+=$(this).attr('id')+',';})$.ajax({url:'delAll',//跳转的地址(路由的方法)data:{id:delId},//传递的值success:function (e){console.log(e);//判断返回值状态码if(code=200){//将选中的复选框对应的行移除$('.checks:checked').parents('tr').remove();}}})
})
控制器对应的方法
/*** @param Request $request* @return \think\response\Json*/public function delAll(Request $request){$id = $request->get('id');rtrim($id,',');$data = \app\model\Type::delAll($id);if ($data){return json(['code'=>200,'msg'=>'删除成功','data'=>$data,]);}return json(['code'=>500,'msg'=>'删除失败','data'=>$data,]);}
模型
public static function delAll($id){return self::whereIn('id',$id)->delete();
}