一个字段，几个按钮

问题描述：

我想用一组几个按钮替换下拉列表，以简化之前由下拉列表显示的选项。一个字段，几个按钮

具体来说，我们使用的按钮类型是图形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/

谁能想到实现按钮，而不是一个下拉列表，更好的解决办法吗？

这篇文章的标题听起来像我在互联网上看到了曾经的视频。 – Dutchie432 2010-11-24 21:41:44

答

这是你在那里的一个大按钮。无论如何，您可以使用带有<label>标签的单选按钮/复选框，并将标签设置为一个按钮。没有JavaScript要求。

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

非常感谢。现在，这是奥卡姆剃刀原理的体现 – Markos 2010-11-25 17:15:25

答

您在'onclick'事件中的条件应该反映输入，而不是图像（您的案例中的this是图像）。

注意到，谢谢:) – 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>

一个字段，几个按钮

相关推荐