jQuery 之ajax 批量删除

check 是全选全不选总复选框

checks是单个复选框

deletedAll是批量删除按钮 

 jquery代码

$('#check').click(function () {
        // 全选
        $('.checks').prop("checked",$(this).prop('checked'));
    })

    $('#deletedAll').click(function () {
        //创建数组
        var arr=[];
        $('.checks:checked').each(function () {
        //将选中的id值存入数组
            arr.push($(this).attr('value'));
        })
            $.ajax({
                url:"delete",  //路由
                type:'get',
                data:{id:arr},
                dataType:"json",
                success:function (e) {
                    if (e.code==666){
                        $('.checks:checked:checked').each(function () {
                            $(this).parents('tr').remove();
                        })
                    }
                    if (e.code==444){
                        alert('删除失败');
                    }
                }
            })
    })

HTML代码（数据是从数据库读取出来的）

 <div class="tablebox">
        <table class="table table-bordered table-hover">
            <thead>
            <tr>
               <th><input type="checkbox" id="check"></th>
                <th class="text-center">ID</th>
                <th>文章名称</th>
                <th>标记</th>
                <th>封面</th>
                <th>所属栏目</th>

                <th>作者</th>
                <th>状态</th>
                <th>赞</th>
                <th>点击</th>
                <th>排序</th>
                <th>发布日期</th>
                <th class="cell-small text-center"><i class="fa fa-bolt"></i> 操作</th>
            </tr>
            </thead>
            <tbody>
            @foreach($data as $val)
                <tr>
                    <td><input type="checkbox" class="checks" value="{{$val->id}}"></td>
                    <td class="cell-small text-center">{{$val->id}}</td>
                    <td><a href="javascript:void(0)">{{$val->title}}</a></td>
                    <td><span class="label label-danger">热</span></td>
                    <td><img src="/{{$val->img}}" alt="" style="width: 50px;height: 50px;"></td>
                    <td>{{$val->type}}</td>

                    <td>{{$val->author}}</td>
                    <td><input type="checkbox" name="yyy" lay-skin="switch" lay-text="ON|OFF" checked></td>
                    <td>{{$val->love}}</td>
                    <td>{{$val->clik}}</td>
                    <td>{{$val->sort}}</td>
                    <td>2021-3-20</td>
                    <td class="text-center">
                        <div class="btn-group">
                            <a href="{{url('curd/renew',$val->id)}}" class="btn btn-xs btn-info" data-toggle="tooltip"
                               data-placement="top" title="恢复数据"><i class="fa fa-info-circle"></i></a>
                        </div>
                    </td>
                </tr>
            @endforeach
            </tbody>
        </table>
    </div>