风格的切换按钮

风格的切换按钮

问题描述:

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

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

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

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

有一些JavaScript的插件,这样做的:

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

+0

的 'Checkize&Radize演示(jQuery的)' 链接似乎死了。 – Stuart 2009-09-25 14:14:03

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

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