顯示圖像而不是單選按鈕而不使用JQuery

-2

我想顯示一組圖像並根據用戶使用JavaScript選擇調用某些操作。圖像列表是動態填充的。所以我使用單選按鈕來獲取用戶選擇的圖像名稱。但我不希望單選按鈕出現在頁面上。是否可以檢索用戶選擇的圖像的值？顯示圖像而不是單選按鈕而不使用JQuery

注意：圖像列表在循環中動態填充。

來源

2011-07-06 aasha

您提供的信息不足以提供任何真正的幫助。我們不知道您正在使用的其他編程語言，代碼的上下文，現有代碼以及您想實現的目標。我提供了一個純粹的HTML解決方案，不顯示按鈕和一個可供選擇的可供選擇的視圖。如果您想要更好的社區支持，請發佈更多信息。 – Ryan

您可能會發現Image instead of Radio button/text?

答案通常你必須要麼使用第三方JavaScript或者自己寫一個。沒有腳本的普通CSS是不夠的，因爲您需要動態更改單擊鼠標單選按鈕的狀態。

來源

2011-07-06 04:48:46

感謝您的鏈接。它真的很有幫助。我得到了我的回答:) – aasha

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>

您需要爲您要使用的每個圖像做到這一點。我使用了一個類似的方法來處理一個面向對象的應用程序。

有這樣做的各種技術，這只是一個開始，你採取它，或者即使它是可行的你將很大程度上取決於你沒有提供的信息，包括編程語言，其餘的你的代碼和函數的目的是什麼。

我希望這有助於讓您走上正確的道路，但您提供的信息越多越好。

來源

2011-07-06 04:44:47 Ryan

嗨，謝謝你的幫助。我使用的是JavaScript而不是JQuery，因爲JQuery讓我的應用程序變得很慢。我正在循環中創建javascript中的單選按鈕，因爲我動態獲取信息。我不能用html寫。 – aasha

@aasha請將你正在使用的JS發佈，或者它是盲人領導盲人的地方，因爲在漫長的一天之後我現在要睡覺（現在是凌晨2點），所以我無法進入，當然，另一位開發人員可以幫助你。祝你好運隊友 – Ryan

我跟着鏈接http://stackoverflow.com/questions/4592965/image-instead-of-radio-button-text並得到了我的答案。感謝您的幫助 – aasha

顯示圖像而不是單選按鈕而不使用JQuery

回答

相關問題