javascript - 如何从我的 Ajax 表单上的一组图像中选择一个图像？

Question

非常适合新的 AJAX 编码，并且仍在尝试解决它。到目前为止，我已经创建了一个 AJAX 多页表单。它被分解为 html，其中包含要显示的每个“新”页面的 div。样式的 CSS，以及一些用于正确显示它们的 javascript。

我的第一页非常基本，只要求输入姓名/年龄，然后是下一个。我坚持的是创建另一个有四个图像（小图像）的页面，用户只能选择一个。我该怎么做呢？我已经开始在 HTML div 中插入小缩略图，但是在将它们连接到 JS 时遇到了一些问题。只能选择其中一个缩略图，然后用户可以点击继续。

谢谢

Answer 1

一种解决方案是使用单选按钮列表，然后在标签内为每个相应的单选按钮添加一个 <img> 标记。

为确保在所有浏览器中单击图像选择单选按钮，您可以使用此页面中的这段 javascript（依赖于 jQuery）：http: //snook.ca/archives/javascript/using_images_as

$("label img").live("click", function() {
  $("#" + $(this).parents("label").attr("for")).click();
});

Answer 2

要使用图片进行广播选择，请使用label http://www.w3schools.com/tags/att_label_for.asp