2011-06-25 15 views
0

私はラジオボタンまたは、このように動作しますコントロールの他の種類を作成したい:CSSでカスタムの水平ラジオボタンを作成する方法は?

​​

値1を選択し、それが押されたボタンまたは選択されたリンク(太字、なし下線)のように見え、他の要素がアクティブなさボタン/リンク。ユーザーが別の値を選択すると、状態が変更されます。私は手動でこのイベントを処理することができます、質問は - どのようなプラグインまたは既存のCSS/JSの組み合わせ私はこれを達成するために使用する必要がありますか?

このタイプのコントロールには名前が付いていますが、これは何かを考えることはできません。私はカスタムスタイルのラジオボタンを検索しようとしましたが、機能は同じですが失敗しました。また、私はスイッチボタンのようないくつかの名前を試しましたが、それは私が望むものではありません。タブにも非常によく似ていますが、タブは通常、下線付きのdivが必要なものとしてスタイルされています。だから私は "ラジオボタンの会合タブ"のCSS/JSソリューションを探しています。

このコントロールの名前を知っていれば、名前を付けたり、目標を達成するためのプラグイン/既存のコードを見つけたりできますか?

このタイプの機能を自分で作成する方法ではありませんが、私はそれを行うことができますが、既存のソリューションがなく、同じ状況で人々を手助けしたいというのはむしろ奇妙です。私はデザイナーではないので、私は自分自身を発明することができます。

回答

は、コントロールのこのタイプは、「簡体CSSタブ」または「CSSミニタブ」として求めることができるが、それらは期待通りに動作するようにいくつかの追加のコードが必要です。また、この種の機能はyaのために行わjQueryのUI radio buttons transformed into a button setやYahoo UI Button Control: Radio Buttons

答えて