如何从Ajax表单上的一组图像中选择图像?

时间:2013-06-26 17:43:25

标签: javascript html css ajax

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

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

由于

2 个答案:

答案 0 :(得分:0)

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

为确保点击图片选择所有浏览器中的单选按钮,您可以在此页面中使用此javascript片段(依赖于jQuery):http://snook.ca/archives/javascript/using_images_as

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

答案 1 :(得分:0)

要使用label http://www.w3schools.com/tags/att_label_for.asp

进行带图片的广播选择