当前位置： 移动技术网 > IT编程>开发语言>PHP > PHP批量删除jQuery操作

PHP批量删除jQuery操作

2017年12月12日  | 移动技术网IT编程  | 我要评论

星期六约会,个签伤感,hyliangpin

效果图如下所述：

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

创建视图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操作，希望对大家有所帮助

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网