這篇文章主要介紹了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" 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("请选择您要删除的内容");
}
})
}登入後複製
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實作批次刪除操作的方法
#ThinkPHP實作批次刪除欄目的方法
#PHP實作批次刪除jQuery運算的方法
#
以上是PHP jQuery+Ajax實作批次刪除功能的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！
