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 相关文章推荐
VFP与其他应用程序的集成
Oct 09 PHP
我的论坛源代码(八)
Oct 09 PHP
Win2003下APACHE+PHP5+MYSQL4+PHPMYADMIN 的简易安装配置
Nov 18 PHP
joomla jce editor 解决上传中文名文件失败问题
Jun 09 PHP
在wamp集成环境下升级php版本(实现方法)
Jul 01 PHP
PHP实现的MongoDB数据库操作类分享
May 12 PHP
thinkPHP实现瀑布流的方法
Nov 29 PHP
在Mac OS上自行编译安装Apache服务器和PHP解释器
Dec 24 PHP
简单的php+mysql聊天室实现方法(附源码)
Jan 05 PHP
win10环境PHP 7 安装配置【教程】
May 09 PHP
php获取客户端IP及URL的方法示例
Feb 03 PHP
YII框架关联查询操作示例
Apr 29 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
关于PHP语言构造器介绍
2013/07/08 PHP
PHP程序员必须知道的两种日志实例分析
2020/05/14 PHP
JavaScript库 开发规则
2009/01/31 Javascript
jQuery each()小议
2010/03/18 Javascript
js 中{},[]中括号,大括号使用详解
2011/05/12 Javascript
JS中prototype关键字的功能介绍及使用示例
2013/07/21 Javascript
JS判断数组中是否有重复值得三种实用方法
2013/08/16 Javascript
七个很有意思的PHP函数
2014/05/12 Javascript
D3.js中data(), enter() 和 exit()的问题详解
2015/08/17 Javascript
基于JavaScript实现文字超出部分隐藏
2016/02/29 Javascript
使用 stylelint检查CSS_StyleLint
2016/04/28 Javascript
js生成随机数方法和实例
2017/01/17 Javascript
js鼠标移动时禁止选中文字
2017/02/19 Javascript
jquery实现下拉框左右选择功能
2017/02/21 Javascript
js实现自定义进度条效果
2017/03/15 Javascript
原生JS进行前后端同构
2018/04/22 Javascript
vue  elementUI 表单嵌套验证的实例代码
2019/11/06 Javascript
Python实现获取某天是某个月中的第几周
2015/02/11 Python
Python zip()函数用法实例分析
2018/03/17 Python
python通过ffmgep从视频中抽帧的方法
2018/12/05 Python
python3实现带多张图片、附件的邮件发送
2019/08/10 Python
python实现Oracle查询分组的方法示例
2020/04/30 Python
python七种方法判断字符串是否包含子串
2020/08/18 Python
荷兰领先的百货商店:De Bijenkorf
2018/10/17 全球购物
what is the difference between ext2 and ext3
2015/08/25 面试题
大学生素质拓展活动方案
2014/02/11 职场文书
单位委托书范本
2014/04/04 职场文书
中学生期中自我鉴定
2014/04/20 职场文书
孝敬父母的演讲稿
2014/05/14 职场文书
庆元旦活动总结
2014/07/09 职场文书
2014个人反腐倡廉思想汇报
2014/09/15 职场文书
机关领导干部作风整顿整改措施
2014/09/19 职场文书
党员批评与自我批评发言
2014/10/02 职场文书
会计求职自荐信
2015/03/26 职场文书
2015年公路路政个人工作总结
2015/07/24 职场文书
SpringBoot+Redis实现布隆过滤器的示例代码
2022/03/17 Java/Android