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

发布时间 - 2026-01-11 01:10:56    点击率:

为了美观,我还是引入了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 实现的写入数据库操作简单示例  # 遍历  # 全选  # 的是  # 加载  # 写到  # 小编  # 就可以  # 复选框  # 自己的  # 主键  # 我就  # 在这里  # 如果您  # 那就  # 模态  # 多个  # 在此  # 我只  # 一遍  # 这就 


相关栏目: 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571


相关推荐: 成都网站制作公司哪家好,四川省职工服务网是做什么用?  Laravel的辅助函数有哪些_Laravel常用Helpers函数提高开发效率  UC浏览器如何设置启动页 UC浏览器启动页设置方法  html5audio标签播放结束怎么触发事件_onended回调方法【教程】  Laravel怎么使用Markdown渲染文档_Laravel将Markdown内容转HTML页面展示【实战】  ,交易猫的商品怎么发布到网站上去?  Laravel怎么设置路由分组Prefix_Laravel多级路由嵌套与命名空间隔离【步骤】  如何在企业微信快速生成手机电脑官网?  香港代理服务器配置指南:高匿IP选择、跨境加速与SEO优化技巧  如何在沈阳梯子盘古建站优化SEO排名与功能模块?  HTML5空格和margin有啥区别_空格与外边距的使用场景【说明】  如何快速生成ASP一键建站模板并优化安全性?  Laravel怎么实现软删除SoftDeletes_Laravel模型回收站功能与数据恢复【步骤】  Windows10如何删除恢复分区_Win10 Diskpart命令强制删除分区  免费视频制作网站,更新又快又好的免费电影网站?  Android 常见的图片加载框架详细介绍  Laravel怎么调用外部API_Laravel Http Client客户端使用  焦点电影公司作品,电影焦点结局是什么?  Laravel如何创建自定义Facades?(详细步骤)  java中使用zxing批量生成二维码立牌  nodejs redis 发布订阅机制封装实现方法及实例代码  海南网站制作公司有哪些,海口网是哪家的?  Laravel怎么发送邮件_Laravel Mail类SMTP配置教程  如何用AWS免费套餐快速搭建高效网站?  Laravel如何实现邮箱地址验证功能_Laravel邮件验证流程与配置  家族网站制作贴纸教程视频,用豆子做粘帖画怎么制作?  合肥制作网站的公司有哪些,合肥聚美网络科技有限公司介绍?  php8.4header发送头信息失败怎么办_php8.4header函数问题解决【解答】  Laravel怎么创建自己的包(Package)_Laravel扩展包开发入门到发布  Laravel如何获取当前登录用户信息_Laravel Auth门面使用与Session用户读取【技巧】  Laravel Artisan命令怎么自定义_创建自己的Laravel命令行工具完全指南  bing浏览器学术搜索入口_bing学术文献检索地址  如何将凡科建站内容保存为本地文件?  常州企业网站制作公司,全国继续教育网怎么登录?  网站广告牌制作方法,街上的广告牌,横幅,用PS还是其他软件做的?  Python图片处理进阶教程_Pillow滤镜与图像增强  Laravel如何实现用户注册和登录?(Auth脚手架指南)  Laravel如何将应用部署到生产服务器_Laravel生产环境部署流程  网站制作公司哪里好做,成都网站制作公司哪家做得比较好,更正规?  儿童网站界面设计图片,中国少年儿童教育网站-怎么去注册?  如何快速生成专业多端适配建站电话?  微信小程序 配置文件详细介绍  Laravel怎么判断请求类型_Laravel Request isMethod用法  Laravel安装步骤详细教程_Laravel环境搭建指南  如何挑选优质建站一级代理提升网站排名?  Angular 表单中正确绑定输入值以确保提交与验证正常工作  高端云建站费用究竟需要多少预算?  七夕网站制作视频,七夕大促活动怎么报名?  Android GridView 滑动条设置一直显示状态(推荐)  Laravel怎么返回JSON格式数据_Laravel API资源Response响应格式化【技巧】