jQuery 点击全选实现 PHP 插入数据库 - 水果示例

本示例演示如何使用 jQuery 实现点击全选功能，选择多个水果并通过 PHP 代码将选中的水果信息插入数据库。

HTML 代码：

<input type='checkbox' id='checkAll'>全选
<form action='insert.php' method='post'>
  <input type='checkbox' name='fruit[]' value='apple'>苹果
  <input type='checkbox' name='fruit[]' value='banana'>香蕉
  <input type='checkbox' name='fruit[]' value='orange'>橙子
  <input type='submit' value='提交'>
</form>

jQuery 代码：

$(function() {
  // 点击全选
  $('#checkAll').click(function() {
    $('input[name="fruit[]"]').prop('checked', this.checked);
  });
});

PHP 代码：

<?php
// 连接数据库
$conn = mysqli_connect('localhost', 'root', 'password', 'database_name');
if (!$conn) {
  die('连接失败: ' . mysqli_connect_error());
}

// 获取选中的水果
$fruits = $_POST['fruit'];

// 遍历插入数据库
foreach ($fruits as $fruit) {
  $sql = "INSERT INTO fruits (name) VALUES ('$fruit')";
  mysqli_query($conn, $sql);
}

// 关闭数据库连接
mysqli_close($conn);
?>

说明：

• 请将代码中的 'localhost', 'root', 'password', 'database_name' 替换为您的数据库连接信息。
• 确保数据库中已经存在名为 'fruits' 的表，且包含名为 'name' 的字段。

本示例仅供参考，您可以根据实际需求进行调整和扩展。