php中多选框批量删除

WBOY

发布时间：2023-05-07 12:57:07

677人浏览过

来源于php中文网

原创

在web开发中，多选框（checkbox）是常见的用户交互组件。在一些需要批量处理数据的场景中，我们也常常使用多选框来实现批量操作。在php中，实现多选框的批量删除操作是很常见的需求，本文将介绍如何使用php实现多选框批量删除。

一、HTML页面设计

使用多选框实现批量删除需要在HTML页面中添加多个多选框，同时加入一个“删除”按钮。下面是一个简单的HTML页面示例，其中使用了Bootstrap框架以美化页面：

<!DOCTYPE html>
<html>
<head>
   <meta charset="UTF-8">
   <title>多选框批量删除</title>
   <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.6.0/css/bootstrap.min.css">
</head>
<body>
   <div class="container mt-5">
       <h1>多选框批量删除</h1>
       <form method="post" action="delete.php">
           <div class="row">
               <div class="col-sm">
                   <div class="form-check">
                       <input class="form-check-input" type="checkbox" name="ids[]" value="1">
                       <label class="form-check-label">选项1</label>
                   </div>
                   <div class="form-check">
                       <input class="form-check-input" type="checkbox" name="ids[]" value="2">
                       <label class="form-check-label">选项2</label>
                   </div>
                   <div class="form-check">
                       <input class="form-check-input" type="checkbox" name="ids[]" value="3">
                       <label class="form-check-label">选项3</label>
                   </div>
               </div>
               <div class="col-sm">
                   <div class="form-check">
                       <input class="form-check-input" type="checkbox" name="ids[]" value="4">
                       <label class="form-check-label">选项4</label>
                   </div>
                   <div class="form-check">
                       <input class="form-check-input" type="checkbox" name="ids[]" value="5">
                       <label class="form-check-label">选项5</label>
                   </div>
                   <div class="form-check">
                       <input class="form-check-input" type="checkbox" name="ids[]" value="6">
                       <label class="form-check-label">选项6</label>
                   </div>
               </div>
           </div>
           <div class="mt-3">
               <button type="submit" class="btn btn-danger">删除选中项</button>
           </div>
       </form>
   </div>
   <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
   <script src="https://cdn.bootcdn.net/ajax/libs/popper.js/2.9.3/umd/popper.min.js"></script>
   <script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.6.0/js/bootstrap.min.js"></script>
</body>
</html>

这个页面包含了6个多选框以及一个“删除选中项”的按钮。每个多选框的name属性都为“ids[]”，这样当用户选中多个选项之后，我们就可以使用$_POST['ids']来获取所有选中项的ID。

二、PHP实现

立即学习“PHP免费学习笔记（深入）”；

在HTML页面中我们设置了一个form表单，并指定了处理表单的PHP文件为“delete.php”。下面就来看一下如何在delete.php文件中处理表单提交和实现批量删除操作。

首先需要获取用户在页面上选择的多选框的值（即选中项的ID）。我们可以使用$_POST['ids']来获取这个值，这里的“ids”对应了HTML页面中多选框的name属性。

PHPWeb企业建站系统4.1 多语言版

主要特点：1、支持一站多语言（即可以语言切换，默认支持中文简体，繁体，英文，日文），无限种语言扩展2、用户可以任意修改模板（注：{abcd} 类似的标签不能修改）主要功能：1、产品发布 1.1 产品类别管理（支持无限级分类，采用树形菜单管理模板） 1.2 产品添加（支持HTML编辑功能） 1.3 产品管理（支持产品批量处理品 [删除，发布，取消发布，推荐，取消推荐]） 2、文章

下载

$ids = $_POST['ids']; // 获取多选框选中项的ID值

接下来需要判断用户是否选中了要删除的数据项，并执行删除操作。这里我们可以通过遍历选中项的ID，依次删除对应的数据。这里假设我们有一个students表，其包含id、name和age三个字段，我们需要删除其中id在选中项ID列表中的所有记录。

if (!empty($ids)) {
   $dsn      = "mysql:host=localhost;dbname=test;charset=utf8";
   $username = "root";
   $password = "root";
   try {
       $pdo = new PDO($dsn, $username, $password);
   } catch (PDOException $e) {
       die("连接数据库失败：" . $e->getMessage());
   }
   $ids_str = implode(",", $ids); // 将选中项的ID值连接成逗号分隔的字符串
   $sql     = "DELETE FROM students WHERE id IN ($ids_str)"; // 生成删除语句
   $res     = $pdo->exec($sql); // 执行删除操作
   echo "成功删除 $res 条数据"; // 输出删除结果
}

在上面的代码中，首先判断用户是否选中了要删除的数据项（即$_POST['ids']是否为空），如果不为空则进行数据库连接，并将选中项的ID值使用implode()函数连接为逗号分隔的字符串。接着使用DELETE FROM...WHERE...语句生成删除语句，将选中项的ID值作为WHERE条件进行删除操作。最后输出删除结果。

三、完整代码

上面的代码片段只是实现了删除操作的核心部分，下面是完整的delete.php代码：

<!DOCTYPE html>
<html>
<head>
   <meta charset="UTF-8">
   <title>多选框批量删除</title>
   <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.6.0/css/bootstrap.min.css">
</head>
<body>
   <div class="container mt-5">
       <h1>多选框批量删除</h1>
       <?php
       if (!empty($_POST)) {
           $ids = $_POST['ids'];
           if (!empty($ids)) {
               $dsn      = "mysql:host=localhost;dbname=test;charset=utf8";
               $username = "root";
               $password = "root";
               try {
                   $pdo = new PDO($dsn, $username, $password);
               } catch (PDOException $e) {
                   die("连接数据库失败：" . $e->getMessage());
               }
               $ids_str = implode(",", $ids);
               $sql     = "DELETE FROM students WHERE id IN ($ids_str)";
               $res     = $pdo->exec($sql);
               echo "<div class='alert alert-success'>成功删除 $res 条数据</div>";
           } else {
               echo "<div class='alert alert-danger'>请至少选择一条数据</div>";
           }
       }
       ?>
       <form method="post" action="">
           <div class="row">
               <div class="col-sm">
                   <div class="form-check">
                       <input class="form-check-input" type="checkbox" name="ids[]" value="1">
                       <label class="form-check-label">选项1</label>
                   </div>
                   <div class="form-check">
                       <input class="form-check-input" type="checkbox" name="ids[]" value="2">
                       <label class="form-check-label">选项2</label>
                   </div>
                   <div class="form-check">
                       <input class="form-check-input" type="checkbox" name="ids[]" value="3">
                       <label class="form-check-label">选项3</label>
                   </div>
               </div>
               <div class="col-sm">
                   <div class="form-check">
                       <input class="form-check-input" type="checkbox" name="ids[]" value="4">
                       <label class="form-check-label">选项4</label>
                   </div>
                   <div class="form-check">
                       <input class="form-check-input" type="checkbox" name="ids[]" value="5">
                       <label class="form-check-label">选项5</label>
                   </div>
                   <div class="form-check">
                       <input class="form-check-input" type="checkbox" name="ids[]" value="6">
                       <label class="form-check-label">选项6</label>
                   </div>
               </div>
           </div>
           <div class="mt-3">
               <button type="submit" class="btn btn-danger">删除选中项</button>
           </div>
       </form>
   </div>
   <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
   <script src="https://cdn.bootcdn.net/ajax/libs/popper.js/2.9.3/umd/popper.min.js"></script>
   <script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.6.0/js/bootstrap.min.js"></script>
</body>
</html>

这段代码在HTML页面中嵌入了PHP代码，用于显示删除结果。同时在form表单中action属性不填写，这样表单会提交到当前页面，方便我们处理数据。当用户提交表单时，会先执行PHP代码中的判断逻辑，然后执行删除操作。最后根据执行结果，向用户显示删除结果。

四、总结

在PHP中使用多选框实现批量删除操作比较常见，是我们在Web开发中经常需要用到的技术。在本文中，我们介绍了如何使用PHP实现多选框批量删除操作，并讲解了具体的实现步骤。希望本文对于初学者们能够提供一些参考和帮助。