如何從我的Ajax表單上的一組圖像中選擇圖像？

Question

非常適合新的AJAX編碼，並且仍然試圖繞過它。到目前爲止，我創建了一個AJAX多頁面表單。它分解爲html，其中包含要顯示的每個「新」頁面的div。風格的CSS和一些JavaScript來處理正確顯示它們。

我的第一頁是非常基本的，只是要求名稱/年齡，然後。我堅持的是創建另一個有四個圖像（小圖像）的頁面，用戶只能選擇一個。我會如何去做這件事？我已經開始在HTML div中插入小縮略圖，但在將它們連接到JS時遇到了一些問題。只能選擇其中一個縮略圖，然後用戶可以繼續。

由於

Answer 1

爲了使無線選擇圖片使用labelhttp://www.w3schools.com/tags/att_label_for.asp

Answer 2

一種解決方案將是使用一個單選按鈕列表，然後添加一個< img>標籤的標籤內各對應的單選按鈕。

爲了確保點擊圖片選擇在所有瀏覽器的單選按鈕，您可以從這個網頁使用JavaScript（依靠jQuery的）的這個片段：http://snook.ca/archives/javascript/using_images_as

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