不使用JQuery显示图像而不是单选按钮

Question

我想显示一组图像，并根据用户选择使用JavaScript调用某些操作。图像列表是动态填充的。所以我使用单选按钮来获取用户选择的图像名称。但我不希望单选按钮出现在页面上。是否可以检索用户选择的图像的值？

注意：图像列表以循环方式动态填充。

Answer 1

jQuery之外的其他JavaScript可以做到这一点，但我假设你不打算使用它，因为jQuery实际上只是一个JavaScript库而你没有指定编程语言来实现这一点。

在不知道代码的其余部分，表单正在做什么或您正在使用的编程语言的情况下，我建议为每个图像创建一个隐藏字段和一个提交按钮。您甚至可以将图像显示为按钮的背景。

这个基本代码可能类似于：

<form id="image_select_1" method="post" action="processor.php">
     <img src="path/to/img.png" />
     <input type="hidden" id="img_1" value="image_id" />
     <input type="button" value="Chose Image 1" />
</form>

您需要为要使用的每个图像执行此操作。我使用类似的方法来实现面向对象的应用程序。

有很多种方法可以做到这一点，它只是一个开始，你接受它，或者即使它是可行的，你将在很大程度上取决于你没有提供的信息，包括编程语言，其余的你代码和函数的目的是什么。

我希望这有助于让您走上正确的道路，但您提供的信息越多越好。

Answer 2

您可以在Image instead of Radio button/text?

中找到答案

通常，您要么使用第三方JavaScript，要么编写自己的JavaScript。没有脚本的纯CSS是不够的，因为您需要在鼠标单击时动态更改单选按钮的状态。