PHP jQuery+Ajax结合写批量删除功能

为了美观，我还是引入了bootstrap的模态框，我引入的是自己的数据库 library中的一张表 名为：maninfo表 是一张个人信息表

 表的加载我就不写了，比较简单，  大概写一下需要的按钮和html部分就可以了

<button type="button" class="btn btn-primary"  id="plscdz" >批量删除</button>

全选：

<input type="checkbox" id="cq"/>

遍历出来的复选框为

<input type="checkbox" value="{$v[0]}" class="cq"/>

首先是全选按钮点击之后可以把遍历的复选框全部选中

<script type="text/javascript">
 $("#cq").click(function(){
$(".cq").prop("checked",$(this).prop("checked"));
})
</script>

 这里我只写了一个简单的模态框

<div class="modal fade" id="myModal11" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
          <div class="modal-dialog">
            <div class="modal-content">
              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                  &times;
                </button>
                <h4 class="modal-title" id="myModalLabel">
                  提示
                </h4>
              </div>
              <div id="qrnr1" class="modal-body">
                您将删除选中的图书！
              </div>
              <div class="modal-footer">
                <button id="qxplsc" type="button" class="btn btn-default" data-dismiss="modal">取消删除</button>
                <button id="qrplsc" type="button" class="btn btn-primary">确认批量删除</button>
              </div>
            </div><!-- /.modal-content -->
          </div><!-- /.modal -->
        </div>
      </div>

这样前端的内容就完成了，这样就开始写js部分了，我全部用的是jquery

var chk = "";
  var check2 = "";
  //判断多个复选框中的某一个是否被实现
  function checked(){
    var count = 0;
    var checkx = $("#cq");
    if(checkx.checked)
    {
      check2=1;//选中全选按钮
    }
    else
    {
      check2=0;//没选中全选按钮
    }
    var checkArry = $(".cq");
    for (var i = 0; i < checkArry.length; i++)
    {
      if(checkArry[i].checked == true)
      {
        //选中的操作
        count++;
      }
    }
    if( count == 0 )
    {
      chk=0;//没有选中项
    }
    else
    {
      chk=1;//有选中项
    }
    //alert(chk);
  }
  function plscdzxx()
  {
    //批量删除
    $("#plscdz").click(function(){
      checked();
      if(chk==1 || check2==1){// 提交
        $('#myModal12').modal('show');
        $("#nqrplsc").click(function(){/*给确认删除按钮加事件*/
          $('#myModal12').modal('hide');
          //找选中的主键值，用循环遍历选中的主键值
          var cq =$(".cq");
          var plstr ="";
          for(var i=0;i<cq.length;i++)
          {
            if(cq.eq(i).prop("checked"))
            {
              plstr+=cq.eq(i).val()+"','";
            }
          }
          plstr= plstr.substr(0,plstr.length-3); //分隔符占3个字符，截取字符串，去掉最后的"','"，这样正好匹配SQL语句
          $.ajax({
            async:false,
            url:"plscdz.php",
            data:{plstr:plstr},
            dataType:"TEXT",
            type:"POST",
            success:function(data){
              if(data.trim()=="OK")
              {
                alert("删除成功");
                nload();  //在这里要重新加载一遍页面
              }
              else
              {
                alert("删除失败");
              }
            }
          });
        });
      }
      else if(chk==0)
      {
        // 不提交
        //alert(chk);
        alert("请选择您要删除的内容");
      }
    })
  }

ajax会连接到批量删除的处理页面 ，下面就是批量删除的处理页面了

<?php
session_start();
include("DBDA.class.php");
$db = new DBDA();
if(!empty($_POST["plstr"]))
{
  $plstr = $_POST["plstr"];
  $sql = "delete from maninfo where id in ('{$plstr}')";
  if($db->Query($sql,0))
  {
    echo "OK";
  }
  else
  {
    echo "NO";
  }
}

写到这儿 如果您要是自己尝试的话，可能不运行，这就需要把批量删除的方法给调一下，前面有加载的方法的话，那就直接把批量删除的方法写到加载方法里面调用就可以了

以上所述是小编给大家介绍的PHP jQuery+Ajax结合写批量删除功能，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

# php  # jquery  # ajax  # 批量删除  # ajax php 实现写入数据库  # php从数据库中获取数据用ajax传送到前台的方法  # php+ajax 实现输入读取数据库显示匹配信息  # Ajax PHP 边学边练 之三 数据库  # php+ajax实现图片文件上传功能实例  # php的ajax简单实例  # php+ajax实现无刷新动态加载数据技术  # php采用ajax数据提交post与post常见方法总结  # ThinkPHP中使用ajax接收json数据的方法  # php+ajax+jquery实现点击加载更多内容  # PHP+jQuery+Ajax实现用户登录与退出  # php + ajax 实现的写入数据库操作简单示例  # 遍历  # 全选  # 的是  # 加载  # 写到  # 小编  # 就可以  # 复选框  # 自己的  # 主键  # 我就  # 在这里  # 如果您  # 那就  # 模态  # 多个  # 在此  # 我只  # 一遍  # 这就 

相关文章： 如何选择CMS系统实现快速建站与SEO优化？  制作网页的网站有哪些,电脑上怎么做网页？  如何在搬瓦工VPS快速搭建网站？  常州企业网站制作公司,全国继续教育网怎么登录？  大学网站设计制作软件有哪些,如何将网站制作成自己app？  免费网站制作模板下载,除了易企秀之外还有什么H5平台可以制作H5长页面，最好是免费的？  ,制作一个手机app网站要多少钱？  较简单的网站制作软件有哪些,手机版网页制作用什么软件？  大型企业网站制作流程,做网站需要注册公司吗？  如何高效搭建专业期货交易平台网站？  Python如何创建带属性的XML节点  营销式网站制作方案,销售哪个网站招聘效果最好？  如何彻底卸载建站之星软件？  如何高效生成建站之星成品网站源码？  内网网站制作软件,内网的网站如何发布到外网？  天河区网站制作公司,广州天河区如何办理身份证？需要什么资料有预约的网站吗？  Python路径拼接规范_跨平台处理说明【指导】  长沙企业网站制作哪家好,长沙水业集团官方网站？  ,石家庄四十八中学官网？  北京网站制作网页,网站升级改版需要多久？  香港服务器网站卡顿？如何解决网络延迟与负载问题？  建站之星安全性能如何？防护体系能否抵御黑客入侵？  如何通过虚拟主机快速搭建个人网站？  建站之星导航菜单设置与功能模块配置全攻略  已有域名和空间如何快速搭建网站？  建站之星Pro快速搭建教程：模板选择与功能配置指南  相册网站制作软件,图片上的网址怎么复制？  百度网页制作网站有哪些,谁能告诉我百度网站是怎么联系？  如何在Mac上搭建Golang开发环境_使用Homebrew安装和管理Go版本  实惠建站价格推荐：2025年高性价比自助建站套餐解析  微信小程序 五星评分(包括半颗星评分)实例代码  小自动建站系统：AI智能生成+拖拽模板，多端适配一键搭建  网站制作软件有哪些,制图软件有哪些？  c++怎么用jemalloc c++替换默认内存分配器【性能】  c# 在高并发下使用反射发射（Reflection.Emit）的性能  如何用AWS免费套餐快速搭建高效网站？  广德云建站网站建设方案与建站流程优化指南  如何通过VPS搭建网站快速盈利？  网站设计制作企业有哪些,抖音官网主页怎么设置？  佛山网站制作系统,佛山企业变更地址网上办理步骤？  香港服务器网站搭建教程-电商部署、配置优化与安全稳定指南  如何选择高效可靠的多用户建站源码资源？  电影网站制作价格表,那些提供免费电影的网站，他们是怎么盈利的？  北京企业网站设计制作公司,北京铁路集团官方网站？  高性价比服务器租赁——企业级配置与24小时运维服务  如何用虚拟主机快速搭建网站？详细步骤解析  如何自己制作一个网站链接,如何制作一个企业网站，建设网站的基本步骤有哪些？  C#怎么创建控制台应用 C# Console App项目创建方法  学生网站制作软件,一个12岁的学生写小说，应该去什么样的网站？  宿州网站制作公司兴策,安徽省低保查询网站？