PHP jQuery+Ajax结合写批量删除功能
2018-09-07 22:07
为了美观，我还是引入了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结合写批量删除功能，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！