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 Try Catch异常测试
Mar 01 PHP
php算开始时间到过期时间的相隔的天数
Jan 12 PHP
关于shopex同步ucenter的redirect问题,导致script不运行
Apr 10 PHP
使用PHP导出Redis数据到另一个Redis中的代码
Mar 12 PHP
PHP实现将视频转成MP4并获取视频预览图的方法
Mar 12 PHP
php带抄送和密件抄送的邮件发送方法
Mar 20 PHP
PHP定时执行任务实现方法详解(Timer)
Jul 30 PHP
PHP简单留言本功能实现代码
Jun 09 PHP
Laravel Eloquent ORM 多条件查询的例子
Oct 10 PHP
确保Laravel网站不会被嵌入到其他站点中的方法
Oct 18 PHP
详解php反序列化
Jun 10 PHP
PHP实现简单的计算器
Aug 28 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/06/03 PHP
ThinkPHP分页类使用详解
2014/03/05 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(十五)
2014/06/30 PHP
php采用curl实现伪造IP来源的方法
2014/11/21 PHP
Linux平台php命令行程序处理管道数据的方法
2016/11/10 PHP
PHP十六进制颜色随机生成器功能示例
2017/07/24 PHP
javascript js cookie的存储,获取和删除
2007/12/29 Javascript
firefox下input type=&quot;file&quot;的size是多大
2011/10/24 Javascript
JavaScript在for循环中绑定事件解决事件参数不同的情况
2014/01/20 Javascript
file控件选择上传文件确定后触发的js事件是哪个
2014/03/17 Javascript
javascript顺序加载图片的方法
2015/07/18 Javascript
JS实现不规则TAB选项卡效果代码
2015/09/16 Javascript
一步步教大家编写酷炫的导航栏js+css实现
2016/03/14 Javascript
js传值后台中文出现乱码的解决方法
2016/06/30 Javascript
jQuery基础_入门必看知识点
2016/07/04 Javascript
学习Javascript闭包(Closure)知识
2016/08/07 Javascript
JavaScript中的ajax功能的概念和示例详解
2016/10/17 Javascript
详解nodejs 文本操作模块-fs模块(三)
2016/12/22 NodeJs
详解Ant Design of React的安装和使用方法
2018/12/27 Javascript
js验证账户名是否重复
2020/05/26 Javascript
element-ui 弹窗组件封装的步骤
2021/01/22 Javascript
Python将阿拉伯数字转换为罗马数字的方法
2015/07/10 Python
Python内置数据结构与操作符的练习题集锦
2016/07/01 Python
Python 闭包的使用方法
2017/09/07 Python
Python使用getpass库读取密码的示例
2017/10/10 Python
python pandas dataframe 行列选择,切片操作方法
2018/04/10 Python
详解关于Django中ORM数据库迁移的配置
2018/10/08 Python
python爬虫---requests库的用法详解
2020/09/28 Python
python matplotlib工具栏源码探析二之添加、删除内置工具项的案例
2021/02/25 Python
Fenty Beauty官网:蕾哈娜创立的美妆品牌
2021/01/07 全球购物
怎么写好自荐信
2013/10/30 职场文书
汽车专业学生自我评价
2014/01/19 职场文书
社区服务活动总结
2014/05/07 职场文书
霸气押韵的班级口号
2014/06/09 职场文书
律师授权委托书范本
2014/10/07 职场文书
python中的sys模块和os模块
2022/03/20 Python