Question

我一直在研究如何使用用户选择的图像提交表单。我会给用户一组图片，他们可以选择多个。

方法1 如果选择了图像，则通过onclick（）添加带有所选值的输入。 [可能的？]

方法2 对于每个Img，加载隐藏的输入，让用户删除他们不想要的。 [怪异]

我可以看一下任何建议/例子吗？

Answer 1

我会在标签内使用隐形复选框和img标签。这样，理论上点击图像就会触发复选框。

Answer 2

使用img标签的class属性添加一个额外的类。你可以做的是通过JQuery为这些图像及其ID创建一个click功能。让我们制作一个img标签，看看它是如何工作的

在JQuery中，执行以下操作

var imgIDs = "";
$('.multImg').click(function(){
    imgIDs += $(this).attr('id')+",";
});

您很可能希望保留用户点击的图像记录并将其发送到服务器。但在此之前，不要忘记删除尾随的“，”。您可以通过

实现这一目标

imgIDs = imgIDs.substring(0, imgIDs.length - 1);

在服务器端，您可以简单地使用explode并拥有数组中的所有ID。这些是用户选择的图像的ID。你现在可以用阵列做任何你想做的事。