前端页面
//批量删除按钮
<button type="button" class="btn btn-primary btn2">批量删除</button>
全选框
//全选全不选
<th><input type="checkbox" class="checkAll"></th>
单选框
//单选框
<td><input type="checkbox" class="checks" id="{$val.id}"></td>
JS代码如下
//全选
$('.checkAll').click(function () {
$('.checks').prop('checked',$(this).prop('checked'));
})
//批量删除
$('.btn2').click(function(){
var ids = [];
$('.checks:checked').each(function () {
ids.push($(this).prop('id'));
})
$.ajax({
url:'deldata',
data:{id:ids},
dataType:'json',
success:function (e) {
if (e.code==200){
$('.checks:checked').each(function () {
$(this).parents('tr').remove();
})
}
}
})
})
控制器
/**
* 批量删除
*
* @param $id
* @return \think\response\Json
*/
public function deldata($id)
{
\app\admin\business\Order::deld($id);
return json([
'code' => 200,
'msg' => 'ok',
'data' => '删除成功'
]);
}
业务逻辑层
/**
* 批量删除
*
* @param $id
* @return bool
*/
public static function deld($id){
\app\admin\model\Order::destroy($id);
}