php jquery+ajax写批量删除

  为了美观,我还是引入了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";
    }
}

写到这儿 如果您要是自己尝试的话,可能不运行,这就需要把批量删除的方法给调一下,前面有加载的方法的话,那就直接把批量删除的方法写到加载方法里面调用就可以了

时间: 2024-08-05 07:05:07

php jquery+ajax写批量删除的相关文章

jquery ajax无刷新删除

职位列表里面显示应聘的简历: 点击简历的数量,弹出层(用load方法调用加载) 弹出的层里面删除简历(无刷新删除),实现方法 ? 1 2 3 4 5 6 7 8 9 10 11 12 $(".Del a").click(function () {             var mid = $(this).attr("name");               var jobid = $(this).attr("lang"); //职位id   

confirm对话框取消后阻止ajax操作、ajax做批量删除

在做批量删除的时候,需要用confirm弹出一个提示框让用户确认是否删除,点击确定,执行操作,点击取消,取消操作.但是如果使用ajax把选中项的主键值传到处理页面处理时,如果使用下面的方法将confirm直接写在按钮里面,在点击取消后,ajax会继续执行操作,删除选中项. 1.confirm错误写法: <button type="button" onclick="return confirm('确定删除选中项吗!')" id="piliang&quo

如何用jquery+ajax写省市区的三级联动?(封装和不封装两种方式)-----2017-05-14

首先,要实现如下图效果, 1.要理清思路: 先做出三个下拉菜单----根据第一个下拉菜单的value值获取第二个下拉列表的内容,第三个同理. 2.用到的数据库表:Chinastates表 规律:根据国家级(中国)的areacode查询省级(如:北京) ; 根据省级的areacode查询市级(如:北京市辖):根据市级的areacode查询区级(如东城区) 第一种方式:没有用到封装,数据读取较慢,可以看看原理,这样在第二种方式封装时就容易多了. 代码如下: <!DOCTYPE html> <

作业:汽车查询--弹窗显示详情,批量删除 ajax做法(0521)

作业:显示以下界面: 作业要求: 1.查看详细信息,以弹窗的形式显示,使用ajax2.批量删除 一.主页面 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml

5月21 汽车查询及批量删除----php方法

---恢复内容开始--- 这个与之前不同是在php中实现了页面的查询,引用AJAX实现批量删除及弹窗的显示 作业要求: 页面显示数据代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.or

作业:汽车查询--弹窗显示详情,批量删除 php做法

作业:显示以下界面: 作业要求: 1.查看详细信息,以弹窗的形式显示,使用ajax2.批量删除 一.主页面: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&qu

docker快速批量删除容器或镜像

前言 在使用docker 容器一段时间后,系统就堆积了比较多的镜像和容器.如果我们手动一个个删除,将会很耗费时间.那么有没有什么办法是可以减轻工作量,使我们能够把活干完,早点下班的呢? 普通删除的方法 先来看看如何删除 docker 容器: 删除容器的命令: docker container rm [OPTIONS] CONTAINER [CONTAINER...] help 文档解释: Remove one or more containers Options: -f, --force For

5月21 练习AJAX的查看详细及批量删除

老师讲过之后的复习: 显示数据的代码部分: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta htt

MVC使用jQuery.ajax()删除数据

jQuery.ajax()可以简写为$.ajax().以前有写过MVC删除的实现,如<MVC实现删除数据库记录> http://www.cnblogs.com/insus/p/3368042.html 和<MVC 5显示.创建.编辑.删除等功能实练>http://www.cnblogs.com/insus/p/3372916.html .不过此次Insus.NET想使用jQuery.ajax()方法来实现. 能实现到此功能,也有遇上很多困难以及花费很多时间.当你看到此篇时,你会看到