• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    PHP ajax+jQuery 实现批量删除功能实例代码小结

    目录结构

    piliangshan.php

    ?php 
      require_once './db_conn.php';
      $sql = "select * from user";
      $result = mysqli_query($conn, $sql);
    ?>
    html lang="zh-CN">
    head>
      meta charset="UTF-8">
      title>全选演示/title>
      meta http-equiv="X-UA-Compatible" content="IE=Edge">
      link rel="stylesheet" type="text/css" href="./static/bootstrap.min.css" rel="external nofollow" >
      script src="./static/jquery.js">/script>
      meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0">
    /head>
    body>
      form enctype="multipart/form-data" method="post">
        div class="bs-example" data-example-id="simple-table" style="padding-left: 30px;">
          table class="table" id="J-dl">
            a href="javascript:void(0);" rel="external nofollow" class="btn btn-danger" onclick="selectAll()" title="删除选定数据" style="font-weight:normal">批量删除/a>
            thead>
              tr>
                th>input type="checkbox" id="J-all" class="ckb">/th>
                th>First Name/th>
                th>Last Name/th>
                th>Username/th>
              /tr>
            /thead>
            tbody>
              ?php 
              while ($row = mysqli_fetch_array($result, MYSQLI_ASSOC)) {
                echo  'tr>
                th>input type="checkbox" class="ck" id="ck-1" value="'.$row['id'].'">/th>
                th scope="row">'.$row['id'].'/th>
                td>'.$row['username'].'/td>
                td>'.$row['sort'].'/td>
                /tr>';
              }
              ?>
            /tbody>
          /table>
        /div>  
      /form>
      script>
        (function () {
          var $all = $('#J-all');
          var $dl = $('#J-dl');
    
          // 绑定全选按钮点击事件,让下面所有的复选框是跟全选的一样
          $all.on('click', function () {
            $dl.find('.ck').prop('checked', !!this.checked);
          });
    
          // 绑定点击所有的复选框,点击的时候判断是否页面中全选了
          $dl.find('.ck').on('click', function () {
            // 我只是喜欢用filter(fn),用选择器也行
            // 查找没有选择的元素
            var $unSelectedElem = $dl.find('.ck').filter(function () {
              return !this.checked;
            });
    
            // 如果有没有选中的,则让全选的取消
            if ($unSelectedElem.length) {
              $all.prop('checked', false);
            }
            else {
              $all.prop('checked', true);
            }
          });
        })();
      /script>
      script type="text/javascript">
        function selectAll() {
          var ids = '';
          $(".ck").each(function() {
            if ($(this).is(':checked')) {
              ids += ',' + $(this).val(); //逐个获取id值,并用逗号分割开
          }
        });
        ids = ids.substring(1); // 进行id处理,去除第一位的逗号
        if (ids.length == 0) {
          alert('请至少选择一项');
        } else {
          if (confirm("确定删除选中的?")) {
            $.ajax({
              type: "post",
              url: "piliangdo.php",
              data: {
                ids:ids
              },
              success: function(data) {
                if(data.trim()=="yes")
                {
                  alert("删除成功");
                  location.reload() //刷新页面
                }
                else
                {
                  alert("删除失败");
                }
              }
            });
          }
        }
      }
      /script>
    /body>
    /html>

    piliangdo.php

    ?php 
      header("content-type:text/html;charset='utf-8'");
      require_once './db_conn.php';
      
      $ids = trim($_POST['ids']);
      $ids = explode(',', $ids);
      foreach ($ids as $key => $val) {
         $del_sql = "DELETE FROM `user` WHERE id = '$val'";
         $result = mysqli_query($conn, $del_sql);
      }
      if ($result) {
        echo "yes";
      }
      else{
         echo "no";
      }
    ?>

    总结

    以上所述是小编给大家介绍的PHP ajax+jQuery 实现批量删除功能实例代码小结,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

    您可能感兴趣的文章:
    • jquery ajax实现批量删除具体思路及代码
    • PHP jQuery+Ajax结合写批量删除功能
    • JQuery+ajax实现批量上传图片(自写)
    • jQuery通过ajax快速批量提交表单数据
    • JQuery DataTable删除行后的页面更新利用Ajax解决
    • jQuery之ajax删除详解
    • jQuery ajax中使用confirm,确认是否删除的简单实例
    • 如何从jQuery的ajax请求中删除X-Requested-With
    • jQuery+css3实现Ajax点击后动态删除功能的方法
    • 基于php(Thinkphp)+jquery 实现ajax多选反选不选删除数据功能
    • jQuery+ajax实现批量删除功能完整示例
    上一篇:PHP实现简易计算器功能
    下一篇:Ubuntu 16.04中Laravel5.4升级到5.6的步骤
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    PHP ajax+jQuery 实现批量删除功能实例代码小结 PHP,ajax+jQuery,实现,批量,