Laravel5.8使用LayUI实现批量删除

//图片批量删除
Route::post('pic/delAll', 'PicController@delAll');

<!-- 批量删除按钮及响应事件 -->
<button class="layui-btn layui-btn-danger" onclick="delAll()">
    <i class="layui-icon layui-icon-delete"></i>批量删除
</button>
<!-- 表格设计 -->
  <table class="layui-table"> 
   <thead> 
    <tr> 
     <th> 
      <div class="layui-form"> 
       <input type="checkbox" name="check_all" id="" lay-skin="primary" /> 
      </div> </th> 
     <th>ID</th> 
     <th>标题</th> 
     <th>缩略图</th> 
     <th></th> 
    </tr> 
   </thead> 
   <tbody>
    @foreach($data as $value) 
    <tr> 
     <td> 
      <div class="layui-form"> 
       <input type="checkbox" value="{{ $value->id }}" lay-skin="primary" lay-filter="RandomCheckbox" /> 
      </div> </td> 
     <td>{{ $value->id }}</td> 
     <td>{{ $value->title }}</td> 
     <td> <img class="layui-nav-img" src="{{ url($value->img) }}" alt="{{ $value->title }}" /></td> 
     <td> <button class="layui-btn layui-btn-sm layui-btn-normal layui-btn-radius"> <i class="layui-icon layui-icon-edit"></i> </button> <button class="layui-btn layui-btn-sm layui-btn-danger layui-btn-radius" href="javascript:;" onclick="del(this, {{ $value->id }});"> <i class="layui-icon layui-icon-delete"></i> </button> </td> 
    </tr>@endforeach
   </tbody> 
  </table>

<div class="layui-form"> 
       <input type="checkbox" value="{{ $value->id }}" lay-skin="primary" lay-filter="RandomCheckbox" /> 
 </div>

<script>
    /**
     * 网页作用域变量定义区
     */
    var arr=[]; //存储checkbox选中数值

    /**
     * layui组件初始化
     */
    layui.use(['element', 'form'], function () {
        form = layui.form;

        //checkbox监听响应并且存储到数组中
        form.on('checkbox(RandomCheckbox)', function(data){
            //判断数值是否存在
            var index = arr.indexOf(data.value);
            if(index>=0){
                //已经存在改元素，按照重复点取消数值原则，
                // 删除操作，并且获取要删除元素对应数组的下标
                var subscript = subScript(arr, data.value);
                //删除对应下标元素 splice函数
                arr.splice(subscript, 1);
            }else{
                arr.push(data.value);
            }
        });
    });

    /**
     * 获取数组对应元素下标方法
     * @param arr
     * @param data
     * @returns {number|*}
     */
    function subScript(arr, data){
        //获取数组长度
        var i = arr.length;
        //遍历判断数组对应元素并返回下标
        while(i--){
            if(arr[i] === data){
                return i;
            }
        }
        return -1;
    }
    /**
     * 批量删除方法
     */
    function delAll(){
        //判断数组中是否有元素存在
        var long = arr.length;
        if(long == 0){
            layer.msg("你还没有选择要删除的行，请选择");
            return;
        }
        layer.confirm('确定要删除么？', {
            btn: ['确定','取消']
        }, function() {
            //将数组转换为字符串
            //注意：arr定义为此页面作用域变量
            str = arr.join(',');

            //传输给后台数据 ajax请求
            $.post(
                //请求地址
                '/admin/pic/delAll',
                //数据类型 请求方式 及 CSRF认证
                {'str':str, '_method':'post', '_token':'{{ csrf_token() }}'},
                //回调处理结果并显示界面
                function(res){
                    //如果大于0，则表示成功
                    if(res.code>0){
                        layer.alert(res.msg,{icon:2})
                    }else{
                        layer.msg(res.msg);
                        setTimeout(function(){window.location.reload();}, 1000)
                    }
                },
                'json'
            );

        });
    }
</script>

/**
 * 批量删除
 * @param Request $request
 */
public function delALL(Request $request){
    $id = $request->input('str');
    $sql = DB::update("update pic set status=1 where id in($id)");
    if($sql){
        exit(json_encode(array('code'=>0, 'msg'=>'删除成功')));
    }else{
        exit(json_encode(array('code'=>1, 'msg'=>'删除出现异常')));
    }
}