一个字段，几个按钮

Question

I'm trying to replace a Dropdown list with a group of several buttons that simplify the choices previously shown by the dropdown list.

Specifically, the types of buttons that we're using are graphic png files.

Tried checkboxing and radio checking scripts, but or events didn't respond.

Here's an example:

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

Example hosted on http://201.148.2.247/

Can anyone think of a better workaround for implementing buttons instead of a dropdown list?

Answer 1

That's one big button you have there. Anyway, you could use radio button/checkboxes with the <label> tag and style the label to look like a button. No javascript required.

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