一個字段，幾個按鈕

我想用一組幾個按鈕替換下拉列表，以簡化之前由下拉列表顯示的選項。一個字段，幾個按鈕

具體來說，我們使用的按鈕類型是圖形PNG文件。

嘗試複選框和無線電檢查腳本，但事件沒有響應。

下面是一個例子：

<img src="http://201.148.2.247/img/btn/agua.png" name="BotonAGUA" onclick="if(this.checked) 
document.getElementById('radioAgua').checked=true"/> 
             Agua de Hermosillo<input type="radio" name="radioAgua" id="radioAgua" value="AGUAHH"> 
              </span></td>

例託管在http://201.148.2.247/

誰能想到實現按鈕，而不是一個下拉列表，更好的解決辦法嗎？

來源

2010-11-24 Markos

這篇文章的標題聽起來像我在互聯網上看到了曾經的視頻。 – Dutchie432 2010-11-24 21:41:44

這是你在那裏的一個大按鈕。無論如何，您可以使用帶有<label>標籤的單選按鈕/複選框，並將標籤設置爲一個按鈕。沒有JavaScript要求。

http://www.w3schools.com/tags/tag_label.asp

來源

2010-11-25 04:27:20 Michael

非常感謝。現在，這是奧卡姆剃刀原理的體現 – Markos 2010-11-25 17:15:25

您在'onclick'事件中的條件應該反映輸入，而不是圖像（您的案例中的this是圖像）。

來源

2010-11-24 21:54:32 Vlad

注意到，謝謝:) – Markos 2010-11-25 17:10:13

這個怎麼樣：

<script type="text/javascript"> 
    function choose(id, index) 
    { 
    document.getElementById(id).selectedIndex = index; 
    } 
</script> 

<button onclick="choose('choicebox', 0);">choice 1</button> 
<button onclick="choose('choicebox', 1);">choice 2</button> 
<button onclick="choose('choicebox', 2);">choice 3</button> 

<select id="choicebox" name="choicebox" style="visibility:hidden;"> 
    <option value="1">1</option> 
    <option value="2">2</option> 
    <option value="3">3</option> 
</select>

來源

2010-11-25 08:27:10 Bazzz

一個字段，幾個按鈕

回答

相關問題