0
点赞
收藏
分享

微信扫一扫

ajax批量删除

书坊尚 2022-02-26 阅读 57

前端页面

//批量删除按钮
<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);
    }
举报

相关推荐

0 条评论