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


Posted in PHP onMay 19, 2017

为了美观,我还是引入了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">
                  ×
                </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 相关文章推荐
memcache命令启动参数中文解释
Jan 13 PHP
PHP调用JAVA的WebService简单实例
Mar 11 PHP
ThinkPHP实现一键清除缓存方法
Jun 26 PHP
PHP实现更新中间关联表数据的两种方法
Sep 01 PHP
php正则匹配html中带class的div并选取其中内容的方法
Jan 13 PHP
php实现插入排序
Mar 29 PHP
Yii获取当前url和域名的方法
Jun 08 PHP
PHP模板引擎Smarty自定义变量调解器用法
Apr 11 PHP
Laravel手动分页实现方法详解
Oct 09 PHP
PHP chunk_split()函数讲解
Feb 12 PHP
tp5.1 框架数据库常见操作详解【添加、删除、更新、查询】
May 26 PHP
PHP使用QR Code生成二维码实例
Jul 07 PHP
php对xml文件的增删改查操作实现方法分析
May 19 #PHP
PHP基于自增数据如何生成不重复的随机数示例
May 19 #PHP
Yii2设置默认控制器的两种方法
May 19 #PHP
php将html转为图片的实现方法
May 19 #PHP
PHP实现文件上传功能实例代码
May 18 #PHP
php分页查询mysql结果的base64处理方法示例
May 18 #PHP
php数值转换时间及时间转换数值用法示例
May 18 #PHP
You might like
一个基于PDO的数据库操作类(新) 一个PDO事务实例
2011/07/03 PHP
介绍一些PHP判断变量的函数
2012/04/24 PHP
PHP 断点续传实例详解
2017/11/11 PHP
PHP实现QQ登录的开原理和实现过程
2018/02/04 PHP
PHP实现负载均衡的加权轮询方法分析
2018/08/22 PHP
PHP 面向对象程序设计之类属性与类常量实现方法分析
2020/04/13 PHP
TP框架实现上传一张图片和批量上传图片的方法分析
2020/04/23 PHP
用htc组件制作windows选项卡
2007/01/13 Javascript
对字符串进行HTML编码和解码的JavaScript函数
2010/02/01 Javascript
一些相见恨晚的 JavaScript 技巧
2010/04/25 Javascript
extjs 04_grid 单击事件新发现
2012/11/27 Javascript
js操作数据库实现注册和登陆的简单实例
2016/05/26 Javascript
jQuery实现复选框的全选和反选
2017/02/02 Javascript
深入理解Javascript中的观察者模式
2017/02/20 Javascript
基于JS实现bookstore静态页面的实例代码
2017/02/22 Javascript
JS动态修改网页body的背景色实例代码
2017/10/07 Javascript
jquery实现楼层滚动效果
2018/01/01 jQuery
Vue+webpack+Element 兼容问题总结(小结)
2018/08/16 Javascript
分享5个顶级的JavaScript Ajax组件库
2018/09/16 Javascript
vue的三种图片引入方式代码实例
2019/11/19 Javascript
用VsCode编辑TypeScript的实现方法
2020/05/07 Javascript
JS实现简单贪吃蛇小游戏
2020/10/28 Javascript
vue 使用class创建和清除水印的示例代码
2020/12/25 Vue.js
[01:45]绝对公平!DOTA2队长征召模式详解
2014/04/25 DOTA
[52:36]VGJ.S vs Serenity 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
Python开发虚拟环境使用virtualenvwrapper的搭建步骤教程图解
2018/09/19 Python
python创建文件时去掉非法字符的方法
2018/10/31 Python
Python微医挂号网医生数据抓取
2019/01/24 Python
python使用pip安装SciPy、SymPy、matplotlib教程
2019/11/20 Python
eBay英国购物网站:eBay.co.uk
2019/06/19 全球购物
优秀教师工作感言
2014/02/16 职场文书
公路绿化方案
2014/05/12 职场文书
社区先进事迹材料
2014/05/19 职场文书
我们的节日春节活动方案
2014/08/22 职场文书
2015秋季开学演讲稿范文
2015/07/16 职场文书
2016年寒假社会实践活动心得体会
2015/10/09 职场文书