亚洲最大看欧美片,亚洲图揄拍自拍另类图片,欧美精品v国产精品v呦,日本在线精品视频免费

  • 站長資訊網(wǎng)
    最全最豐富的資訊網(wǎng)站

    如何用php ajax實(shí)現(xiàn)批量刪除功能

    php ajax實(shí)現(xiàn)批量刪除的方法:首先引入bootstrap的模態(tài)框和數(shù)據(jù)庫表;然后創(chuàng)建“批量刪除”按鈕的html部分;最后使ajax連接到批量刪除的PHP處理頁面即可。

    如何用php ajax實(shí)現(xiàn)批量刪除功能

    推薦:《PHP視頻教程》

    PHP jQuery+Ajax結(jié)合寫批量刪除功能

    為了美觀,我還是引入了bootstrap的模態(tài)框,我引入的是自己的數(shù)據(jù)庫 library中的一張表 名為:maninfo表 是一張個(gè)人信息表表的加載我就不寫了,比較簡單, 大概寫一下需要的按鈕和html部分就可以了

    <button type="button" class="btn btn-primary"  id="plscdz" >批量刪除</button>

    全選:

    <input type="checkbox" id="cq"/>

    遍歷出來的復(fù)選框?yàn)?/p>

    <input type="checkbox" value="{$v[0]}" class="cq"/>

    首先是全選按鈕點(diǎn)擊之后可以把遍歷的復(fù)選框全部選中

    <script type="text/javascript">  $("#cq").click(function(){ $(".cq").prop("checked",$(this).prop("checked")); }) </script>

    這里我只寫了一個(gè)簡單的模態(tài)框

    <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">確認(rèn)批量刪除</button>               </div>             </div><!-- /.modal-content -->           </div><!-- /.modal -->         </div>       </div>

    這樣前端的內(nèi)容就完成了,這樣就開始寫js部分了,我全部用的是jquery

    var chk = "";   var check2 = "";   //判斷多個(gè)復(fù)選框中的某一個(gè)是否被實(shí)現(xiàn)   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;//沒有選中項(xiàng)     }     else     {       chk=1;//有選中項(xiàng)     }     //alert(chk);   }   function plscdzxx()   {     //批量刪除     $("#plscdz").click(function(){       checked();       if(chk==1 || check2==1){// 提交         $('#myModal12').modal('show');         $("#nqrplsc").click(function(){/*給確認(rèn)刪除按鈕加事件*/           $('#myModal12').modal('hide');           //找選中的主鍵值,用循環(huán)遍歷選中的主鍵值           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個(gè)字符,截取字符串,去掉最后的"','",這樣正好匹配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("請選擇您要?jiǎng)h除的內(nèi)容");       }     })   }

    ajax會(huì)連接到批量刪除的處理頁面 ,下面就是批量刪除的處理頁面了

    <?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";   } }

    寫到這兒 如果您要是自己嘗試的話,可能不運(yùn)行,這就需要把批量刪除的方法給調(diào)一下,前面有加載的方法的話,那就直接把批量刪除的方法寫到加載方法里面調(diào)用就可以了

    贊(0)
    分享到: 更多 (0)
    網(wǎng)站地圖   滬ICP備18035694號-2    滬公網(wǎng)安備31011702889846號