laravel 8 批量删除全选反选批量恢复批量修改

最新推荐文章于 2023-08-15 16:57:43 发布

一只猿小元

最新推荐文章于 2023-08-15 16:57:43 发布

阅读量938

点赞数

CC 4.0 BY-SA版权

文章标签： laravel php 前端 javascript ajax

本文链接：https://blog.csdn.net/m0_61217035/article/details/124927238

这篇博客介绍了如何在Laravel 8中实现前端页面的全选、反选功能，并详细讲解了如何进行批量删除、恢复及状态修改的后端实现，涉及到的技术包括PHP、JavaScript和Ajax交互。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前端部分页面

<th><input type="checkbox" id="ck"></th>

<td><input type="checkbox" value="{
  
  {$val->id}}" name="ck[]"></td>

<button id="delAll">批量删除</button>

<button id="update">批量修改</button>

<button id="resAll">批量恢复</button>

全选反选

//全选
$("#ck").click(function () {
    var ck = $("input[name='ck[]']");
    ck.each(function (i, e) {
        $(e).attr('checked', !$(e).attr('checked'));
    })
})

批量删除

//前端

//批量删除
$("#delAll").click(function () {
    var ck = $("input[name='ck[]']:checked");
    var arr = [];
    ck.each(function () {
        var id = $(this).val();
        //将选中的id值存入数组
        arr.push(id)
    })
        //将数组转化为字符串
    var ids = arr.join('