温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

利用Laravel框架如何实现一个批量删除功能

发布时间:2021-02-15 16:31:04 来源:亿速云 阅读:344 作者:Leah 栏目:开发技术

利用Laravel框架如何实现一个批量删除功能?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。

具体如下:

1、HTML的内容

<tr>
    <th><input type="checkbox" class="checkbox-inline" onclick="checkAll(this)"></th>  // 用来全选
  </tr>
  </thead>
  <tbody>
  @foreach ($keys as $key)
    <tr>
      <td><input type="checkbox" class="ck checkbox-inline" name="item[]" value="{{ $key->id }}"></td>  // 复选框
    </tr>
  @endforeach
  <a  id="delAll" type="button" class="btn btn-primary" onclick="delKeys()">批量删除</a>
  </tbody>

2、js的内容

// 全选
var ck = $('.ck');
function checkAll(qx)
{
  if (qx.checked) {
    for (var i=0; i<ck.length; i++) {     // 实现全选
      ck[i].setAttribute("checked", "checked");
    }
  } else {
    for (var i=0; i<ck.length; i++) {     // 取消全选
      ck[i].removeAttribute("checked");
    }
  }
}
// 批量删除
function delKeys()
{
  var items = [];
  for (var i=0; i<ck.length; i++) {
    if (ck[i].checked) {
      items.push(ck[i].value);    // 将id都放进数组
    }
  }
  if (items == null || items.length == 0)    // 当没选的时候,不做任何操作
  {
    return false;
  }
  layer.confirm('您确定要删除我们吗?', {
    btn: ['确定', '取消'],
  }, function() {
    $.post("{{ url('key/delAll') }}", {
      "_token": "{{ csrf_token() }}",
      "keys": items
    }, function(data) {
      if (data.status == 0) {
        layer.msg(data.msg, { icon: 6});
        location.href = location.href;
      } else {
        layer.msg(data.msg, { icon: 5});
      }
    });
  }, function() {});

3、控制器中的内容

public function delAll(Request $request)
{
     for ($i=0; $i<count($request['keys']); $i++) {
       $res = Key::where('id', $request['keys'][$i])->update(['isDelete' => 1]);  // 遍历删除
     }
     if ($res) {
       $data = [
         'status' => 0,
         'msg' => '删除成功'
       ];
     } else {
       $data = [
         'status' => 1,
         'msg' => '删除失败'
       ];
     }
     return $data;
}

看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注亿速云行业资讯频道,感谢您对亿速云的支持。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI