一、引入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();
}轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/385624.html
標籤：其他