jquery批量删除

  <table border="1">
        <tr>
            <td><input type="checkbox"></td>
            <td>商品名称</td>
            <td>价格</td>
            <td>操作</td>
        </tr>
        @foreach($arr as $v)
            <tr>
                <td><input type="checkbox" name="box" value="{{$v['g_id']}}"></td>
                    <td>{{$v['g_id']}}</td>
                <td><span class="up" num="{{$v['g_name']}}" pid="{{$v['g_id']}}">{{$v['g_name']}}</span></td>
                <td><span class="up" num="{{$v['g_price']}}" pid="{{$v['g_id']}}">{{$v['g_price']}}</span></td>
                <td><a href="del?id={{$v['g_id']}}">删除</a></td>
            </tr>
            @endforeach
    </table>
 
    <button οnclick="dele()">批量删除</button>
     
<script src="../jquery.js"></script>
<script>
    //批量删除
    function dele(){
        //获取复选框name
        var num=document.getElementsByName('box');
        var str='';
        for(var j=0;j<num.length;j++){
            if(num[j].checked==true){
                //如果复选框选中，就将选中的值用逗号隔开
                str=str+","+num[j].value;
            }
        }
        id=str.substr(1);
//        alert(id);
        location.href="del_all?id="+id;
    }

</script>