問題タブ [jquery-ui-button]

ここに表示される「ピル」ボタンと呼ばれるものを使用したいと思います: http://jqueryui.com/themeroller/ (「Choice 1 | Choice 2 | Choice 3」ウィジェット)

スクリーンショットは次のとおりです。

その外観を実現するには、どの html および/または css および/または jquery が必要ですか? 0..すべてのボタンを強調表示できるようにしたい (その時点/現在の状態で適用可能なボタンに基づく)。

現在、自分のページに次のコードがあります。

これにより、すべてのボタンにプラス記号が付きます。

特定のボタンのみにプラス記号を付け、残りのボタンにはプラス記号を付けないようにする方法はありますか?

私のコードはjQuery UI、datepicker、time pickerで正常に動作し、終了時間を選択すると更新ボタンが有効になります。しかし、jQuery UIボタンを使用してボタンに見栄えを与えると、このコードで

スタイルは取得できますが、更新ボタンが有効になりません。

ボタンの配列を作成できる jQuery プラグインを探していたところ、jQuery UIボタン​​セットが見つかりました 。このウィジェットは、一度に 1 つのボタンしかチェックできないため、必要なものに非常に近いものですが、次の質問が来ます。このウィジェットは、オプション (ラジオ) のリストを特定の行数で表示する方法を提供します?? 下の画像のような結果が欲しいのでお願いします：

ここにフィドルがあります

そしてHtmlコード：

そしてjs：

アドバイスやガイダンスをいただければ幸いです。

マウスリーブでボタンがアクティブなクラスを失うのを防ごうとしていますが、機能しません。

したがって、私のボタンはjQueryのbuttonset(). それらはボタンであり、チェックボックスではありません。チェックボックスが機能するには ID が必要なため、問題外です。

これは私のコードです：

ボタンにクラスがある場合、両方が明示的に削除されるまでクラスui-state-persistを失うべきではないという考えです。ui-state-activeアクティブなボタンの切り替えは、このハンドラーによるクリックで行われます。

e.stopPropagation()また、 andおよびそれらのすべての組み合わせを追加しようとしましe.preventDefault()たが、機能しません。そして、これとまったく同じコードが通常の UI ボタン​​ (ボタンセットにないもの) にも機能します。

どんな助けでも大歓迎です。

編集

私はまだこの問題を解決していません。私を助けてくれた皆さんに報奨金をあげたいのですが、私は新しいメンバーなのでできません。buttonset()チェックボックスではなく、永続的にアクティブなボタンを使用したいというこの問題に遭遇した人はいませんか?

jQuery モバイルでは、ラジオ ボタンが表示されたままになります。これは jQueryUI であまり労力をかけずに可能ですか? ユーザーはラジオ ボタンの機能を理解しているので、その視覚的な認識を維持したいと考えています。