Question

我正在尝试用一组多个按钮替换下拉列表，这些按钮简化了下拉列表中先前显示的选项。

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

上托管的示例

有人能想到更好的解决方法来实现按钮而不是下拉列表吗？

Answer 1

你在“onclick”事件中的条件应该是输入，而不是图像（在你的情况下this是图像）。

Answer 2

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

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

Answer 3

这个怎么样：

<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>

一个字段，几个按钮

3 个答案: