웹 개발에서 체크박스는 일반적인 사용자 상호작용 구성요소입니다. 데이터 일괄 처리가 필요한 일부 시나리오에서는 다중 선택 상자를 사용하여 일괄 작업을 구현하는 경우가 많습니다. PHP에서는 다중 선택 상자의 일괄 삭제를 구현하는 것이 매우 일반적인 요구 사항입니다. 이 기사에서는 PHP를 사용하여 다중 선택 상자의 일괄 삭제를 구현하는 방법을 소개합니다.
1. HTML 페이지 디자인
일괄 삭제를 위해 다중 선택 상자를 사용하려면 HTML 페이지에 다중 선택 상자를 추가하고 "삭제" 버튼을 추가해야 합니다. 다음은 부트스트랩 프레임워크를 사용하여 페이지를 아름답게 만드는 간단한 HTML 페이지 예제입니다.
<!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개의 다중 선택 상자와 "선택한 항목 삭제" 버튼이 포함되어 있습니다. 각 다중 선택 상자의 이름 속성은 "ids[]"이므로 사용자가 여러 옵션을 선택할 때 $_POST['ids']를 사용하여 선택한 모든 항목의 ID를 가져올 수 있습니다.
2. PHP 구현
HTML 페이지에서 양식 양식을 설정하고 해당 양식을 처리할 PHP 파일을 "delete.php"로 지정했습니다. delete.php 파일에서 양식 제출을 처리하고 일괄 삭제 작업을 구현하는 방법을 살펴보겠습니다.
먼저 페이지에서 사용자가 선택한 다중 선택 상자의 값(즉, 선택한 항목의 ID)을 가져와야 합니다. $_POST['ids']를 사용하여 이 값을 얻을 수 있습니다. 여기서 "ids"는 HTML 페이지에 있는 다중 선택 상자의 이름 속성에 해당합니다.
$ids = $_POST['ids']; // 获取多选框选中项的ID值
다음으로, 사용자가 삭제할 데이터 항목을 선택했는지 확인하고 삭제 작업을 수행해야 합니다. 여기서는 선택한 항목의 ID를 순회하여 해당 데이터를 하나씩 삭제할 수 있습니다. 여기서는 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 조건으로 사용하여 삭제 작업을 수행합니다. 마지막으로 삭제 결과가 출력됩니다.
3. 전체 코드
위 코드 조각은 삭제 작업의 핵심 부분만 구현합니다. 다음은 전체 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 코드를 삽입합니다. . 동시에 양식이 현재 페이지에 제출되어 데이터 처리가 용이하도록 양식에 작업 속성을 입력하지 마십시오. 사용자가 양식을 제출하면 PHP 코드의 판단 논리가 먼저 실행된 후 삭제 작업이 실행됩니다. 마지막으로 실행 결과에 따라 삭제 결과가 사용자에게 표시됩니다.
4. 요약
PHP에서는 일괄 삭제 작업을 구현하기 위해 다중 선택 상자를 사용하는 것이 일반적이며 웹 개발에서 자주 사용해야 하는 기술입니다. 이 기사에서는 PHP를 사용하여 다중 선택 상자의 일괄 삭제를 구현하는 방법을 소개하고 구체적인 구현 단계를 설명합니다. 이 글이 초보자들에게 참고자료와 도움이 되기를 바랍니다.
위 내용은 PHP에서 다중 선택 상자 일괄 삭제의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
