HTML单选按钮的样式为切换按钮

Question

我希望选项显示为可点击的按钮，而不是让标签显示在右侧的典型磁盘。所选选项应该显示为按下或按下。

我想在HTML中执行此操作，但是这方面的一个示例是Audacity程序中的左上角按钮，您可以在其中选择光标/工具模式。

最好的方法是什么？

_{（来源：freemusicsoftware.info）}

Answer 1

有许多用于执行此操作的JavaScript插件：

• Prototype demo

只需将他们正在使用的图像替换为您的图像，您就应该好好去。

Answer 2

可能最好的方法是创建一个真正的单选按钮，然后使用javascript根据单选按钮上的状态控制元素的呈现。如果选择了单选按钮，则渲染background-a，else background-b（或使用精灵）。通过自定义元素的单击事件控制单选按钮的状态。

Answer 3

使用this jQuery UI plugin，您可以根据需要自定义单选按钮和/或复选框。