当前位置:Gxlcms > php框架 > PHP批量删除jQuery操作

PHP批量删除jQuery操作

时间:2021-07-01 10:21:17 帮助过:11人阅读

效果图如下所述:

这里写图片描述—>—>—>这里写图片描述
这里写图片描述—>—>—>这里写图片描述

创建视图show.php

<?php 
 header('content-type:text/html;charset=utf-8');
 $pdo=new PDO('mysql:host=localhost;dbname=***;','root','root');
 $pdo->exec('set names utf8');
 $sql='select * from ***';
 $info=$pdo->query($sql)->fetchAll(PDO::FETCH_ASSOC);
?>
<center>
<table border="1">
 <tr>
  <td>id</td>
  <td>title</td>
  <td>content</td>
 </tr>
 <?php foreach($info as $k => $v){ ?>
 <tr>
  <td><input type="checkbox" name="box" value="<?= $v['id'] ?>"><?= $v['id'] ?></td>
  <td><?= $v['title'] ?></td>
  <td><?= $v['content'] ?></td>
 </tr>
 <?php } ?>
</table>
 <button>批量删除</button>
</center>
<script src="../jquery.1.12.min.js"></script>
<script>
 $(function(){
  $('button').click(function(){
   var ids=$(':checkbox');
   var str='';
   var count=0;
   for(var i=0;i<ids.length;i++){
    if(ids.eq(i).is(':checked')){
     str+=','+ids.eq(i).val();
     count++;
    }
   }
   var str=str.substr(1);
   if(confirm('你确定要删除这'+count+'条数据吗?')){
    //获取id后删除
    $.ajax({
     type:'get',
     url:'adminDel.php',
     data:{str:str},
     success:function(res){
      if(res>0){
       alert('删除成功');
       for(var i=ids.length-1;i>=0;i--){
        if(ids.eq(i).is(':checked')){
         ids.eq(i).parent().parent().remove();
        }
       }
      }
     }
    })
   }
   return false;
   /*var box=document.getElementsByName('box');
   var str="";
   for(var i=0;i<box.length;i++){
    if(box[i].checked==true){
     str+=','+box[i].value;
    }
   }
   var str=str.substr(1);
   alert(str);*/
  });
 })
</script>

创建adminDel.php

<?php 
 header('content-type:text/html;charset=utf-8');
 $str=$_GET['str'];
 $pdo=new PDO('mysql:host=localhost;dbname=***;','root','root');
 $pdo->exec('set names utf8');
 $sql='delete from *** where id in ('.$str.')';
 $res=$pdo->exec($sql);
 //受影响行数
 echo $res;
?>

以上所述是小编给大家介绍的PHP批量删除jQuery操作,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的。

人气教程排行