风格的切换按钮

Question

而不必与标签右边的典型盘的HTML单选按钮，我想要的选项将显示为可点击的按钮。所选的选项应该出现在要推或压。

我想这样做的HTML，但是这方面的一个例子是在您选择光标/工具模式的程序Audacity的左上方的按钮。

什么是做到这一点的最好方法是什么？

alt text http://freemusicsoftware.info/screenshots/audacity-linux-small.jpg

Answer 1

有一些JavaScript的插件，这样做的：

• Prototype demo

只需更换他们与您的图像使用的图像，你应该是好去。

Answer 2

也许最好的方法是创建一个真正的单选按钮，然后控制基于对使用JavaScript的单选按钮的状态元素的渲染。如果选择单选按钮，则渲染background-a，否则background-b（或使用精灵）。通过自定义元素的点击事件控制单选按钮的状态。

Answer 3

使用this jQuery UI plugin，你可以自定义单选按钮和/或复选框不过你想要的样子。