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 相关文章推荐
PHP正确解析UTF-8字符串技巧应用
Nov 07 PHP
PHP基于imap获取邮件实例
Nov 11 PHP
php获取json数据所有的节点路径
May 17 PHP
php采用session实现防止页面重复刷新
Dec 24 PHP
简要剖析PHP的Yii框架的组件化机制的基本知识
Mar 17 PHP
一波PHP中cURL库的常见用法代码示例
May 06 PHP
php封装的单文件(图片)上传类完整实例
Oct 18 PHP
Docker配置PHP开发环境教程
Dec 21 PHP
php+jQuery实现的三级导航栏下拉菜单显示效果
Aug 10 PHP
使用PHP+MySql+Ajax+jQuery实现省市区三级联动功能示例
Sep 15 PHP
PHP 爬取网页的主要方法
Jul 13 PHP
PHP实现简单的协程任务调度demo示例
Feb 01 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作的文本留言本的例子(三)
2006/10/09 PHP
php strnatcmp()函数的用法总结
2013/11/27 PHP
php中运用http调用的GET和POST方法示例
2014/09/29 PHP
php+mysqli批量查询多张表数据的方法
2015/01/29 PHP
使用Huagepage和PGO来提升PHP7的执行性能
2015/11/30 PHP
php 三元运算符实例详细介绍
2016/12/15 PHP
利用PHP判断是手机移动端还是PC端访问的函数示例
2017/12/14 PHP
Yii框架函数简单用法分析
2019/09/09 PHP
jquery插件制作简单示例说明
2012/02/03 Javascript
javascript模拟实现ajax加载框实例
2014/10/15 Javascript
JavaScript在Android的WebView中parseInt函数转换不正确问题解决方法
2015/04/25 Javascript
JS实现从网页顶部掉下弹出层效果的方法
2015/08/06 Javascript
关于JS中prototype的理解
2015/09/07 Javascript
javascript内存分配原理实例分析
2017/04/10 Javascript
vue的路由映射问题及解决方案
2019/10/14 Javascript
JS中数组实现代码(倒序遍历数组,数组连接字符串)
2019/12/29 Javascript
[05:09]DOTA2-DPC中国联赛2月22日Recap集锦
2021/03/11 DOTA
python数据库操作常用功能使用详解(创建表/插入数据/获取数据)
2013/12/06 Python
Python time模块详解(常用函数实例讲解,非常好)
2014/04/24 Python
Python向Excel中插入图片的简单实现方法
2018/04/24 Python
Python使用pyodbc访问数据库操作方法详解
2018/07/05 Python
python各层级目录下import方法代码实例
2020/01/20 Python
pytorch ImageFolder的覆写实例
2020/02/20 Python
Python列表如何更新值
2020/05/27 Python
python操作ini类型配置文件的实例教程
2020/10/30 Python
css3的动画特效之动画序列(animation)
2017/12/22 HTML / CSS
台湾最大网路书店:博客来
2018/03/18 全球购物
澳大利亚礼品篮网站:Macarthur Baskets
2019/10/14 全球购物
教师演讲稿范文
2014/01/08 职场文书
端午节粽子促销活动方案
2014/02/02 职场文书
《祁黄羊》教学反思
2014/04/22 职场文书
医院护士党的群众路线教育实践活动对照检查材料思想汇报
2014/10/04 职场文书
2015年暑期社会实践报告
2015/07/13 职场文书
社会实践心得体会范文
2016/01/14 职场文书
导游词之南昌滕王阁
2019/11/29 职场文书
浅谈mysql返回Boolean类型的几种情况
2021/06/04 MySQL