HTMLラジオボタンのスタイルはトグルボタン

Question

普通のディスクのラベルが右になるのではなく、オプションをクリック可能なボタンとして表示します。

これはHTMLで行いたいのですが、この例はカーソル/ツールモードを選択するAudacityのプログラムの左上のボタンです。

これを行うにはどうすればよいですか？

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

Answer 1

は、これを行うためのJavaScriptのプラグインがいくつかあります。

Answer 2

おそらく最良の方法は、実際のラジオボタンを作成し、JavaScriptを使用してラジオボタンの状態に基づいて要素のレンダリングを制御することです。ラジオボタンが選択されている場合は、background-aを描画し、背景-bを描画します（またはスプライトを使用します）。カスタム要素のclickイベントを使用してラジオボタンのステータスを制御します。

Prototype demo

はちょうど彼らがあなたのイメージを使用している画像を交換し、あなたが行ってもいいようになります。

Answer 3

this jQuery UI pluginを使用すると、ラジオボタンやチェックボックスをカスタマイズして、必要に応じて表示することができます。