PHP jQuery+Ajax实现批量删除功能的方法

这篇文章主要介绍了PHP jQuery+AjaxPHP 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>

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

<p class="modal fade" id="myModal11<a>2本文来源gao*daima.com搞@代#码&网6</a><pre>搞gaodaima代码

" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <p class="modal-dialog"> <p class="modal-content"> <p class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true"> × </button> <h4 class="modal-title" id="myModalLabel"> 提示 </h4> </p> <p id="qrnr1" class="modal-body"> 您将删除选中的图书！ </p> <p 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> </p> </p><!– /.modal-content –> </p><!– /.modal –> </p> </p>

这样前端的内容就完成了，这样就开始写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("请选择您要删除的内容");      }    })  }

喜欢 (0)赏

[搞代码]

分享 (0)