風格的切換按鈕

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，你可以自定義單選按鈕和/或複選框不過你想要的樣子。