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

php  /  管理员 发布于 5年前   433

为了美观，我还是引入了bootstrap的模态框，我引入的是自己的数据库 library中的一张表 名为：maninfo表 是一张个人信息表

 表的加载我就不写了，比较简单，  大概写一下需要的按钮和html部分就可以了

批量删除

全选：

遍历出来的复选框为

首先是全选按钮点击之后可以把遍历的复选框全部选中

 这里我只写了一个简单的模态框

          
            
              
                                  ×                                
                  提示                
                            
                您将删除选中的图书！                            
                取消删除                确认批量删除                                                  

这样前端的内容就完成了，这样就开始写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
ajax会连接到批量删除的处理页面 ，下面就是批量删除的处理页面了
Query($sql,0))  {    echo "OK";  }  else  {    echo "NO";  }}
写到这儿 如果您要是自己尝试的话，可能不运行，这就需要把批量删除的方法给调一下，前面有加载的方法的话，那就直接把批量删除的方法写到加载方法里面调用就可以了
以上所述是小编给大家介绍的PHP jQuery+Ajax结合写批量删除功能，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对站的支持！
                                                                        
您可能感兴趣的文章:
jquery ajax实现批量删除具体思路及代码
PHP ajax+jQuery 实现批量删除功能实例代码小结
JQuery+ajax实现批量上传图片(自写)
jQuery通过ajax快速批量提交表单数据
JQuery DataTable删除行后的页面更新利用Ajax解决
jQuery之ajax删除详解
jQuery ajax中使用confirm,确认是否删除的简单实例
如何从jQuery的ajax请求中删除X-Requested-With
jQuery+css3实现Ajax点击后动态删除功能的方法
基于php(Thinkphp)+jquery 实现ajax多选反选不选删除数据功能
jQuery+ajax实现批量删除功能完整示例