javascript - 删除选定图像 (Checkbox/PHP/MySQL)

标签 javascript php jquery html mysql

我从数据库中显示图像如下:

<li>
    <input type="checkbox" id="1" />
    <a rel="gallery_group" href="images/big/1.jpg" title="Image 1">
        <img src="images/small/1.jpg" alt="" />
    </a>
</li>
<li>
    <input type="checkbox" id="2" />
    <a rel="gallery_group" href="images/big/2.jpg" title="Image 2">
        <img src="images/small/2.jpg" alt="" />
    </a>
</li>

因此,正如您所看到的,每张图片都有其唯一的 ID (它全部从具有现有图片 ID 的数据库中提取:1、2、3、4、5 等...)

我想要的是,例如,当某人选择图像 1、2、4 (复选框 ID:1、2、4) 并单击提交时,它将被发送到删除函数来自数据库的那些图像。

  • 我如何在提交时检查选中了哪个复选框?
  • 如何将它们发送到从数据库中删除它们的函数?

最佳答案

您必须设置复选框的名称和值才能检查它是否被选中。例如,将您的 html 更改为:

<li>
  <input type="checkbox" id="2" name="delete_images[]" value="2.jpg" />
  <a rel="gallery_group" href="images/big/2.jpg" title="Image 2">
    <img src="images/small/2.jpg" alt="" />
  </a>
</li>

delete_images[] 将是您要删除的所有图像的数组。它只会包含选中的复选框的值。

在您的函数中,像这样获取所有图像:$images = isset($_REQUEST["delete_images"]) ? $_REQUEST["delete_images"] : null;

关于javascript - 删除选定图像 (Checkbox/PHP/MySQL),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28286441/

相关文章:

php 无变量参数?

javascript - 无尽的动画 div

javascript - VueJs : How to pass a 'computed function' value from child component to the parent component using $emit(optionalPayload) and $on?

javascript - bootstrap datetimepicker 最大日期

php - 将值推送到 Laravel 中的现有缓存值

php - 在一台 Apache 服务器上的单独虚拟主机中运行 Apache mod_php 和 mod_fastcgi

javascript - AJAX成功后调用Javascript库

jquery - 使用此代码单击时我无法更改类背景颜色。为什么?

javascript - 在 javascript 中选中没有 ID 和类属性的复选框时更改文本颜色

javascript - 找不到模块'../../image/image.jpg