次のようなフォームの「優先度」のセレクターが必要です。
しかし、それをアクティブレコードにリンクする方法がわかりません。これは、「トグル ボタン」のそのままの HTML です。
<div class="btn-group">
<a class="btn" href="#"><i class="icon-arrow-down"></i> Low</a>
<a class="btn btn-warning active" href="#"><!-- i class="icon-white icon-adjust"></i--> Medium</a>
<a class="btn" href="#"><i class="icon-arrow-up"></i> High</a>
</div>
そして、ラジオボタンで動作するようになったので、通常のインラインボタンのようにスタイルを設定できるのではないかと考えています。JQueryなしで各ボタンのクラスを指定できるかどうかわかりません:
<%= f.collection_radio_buttons :priority, [["C - Low", 'Low'],
["B - Medium", 'Medium'],
["A - High", 'High']], :first, :last %>
アクティブなボタンが押されたボタンのように見せる方法についてのアイデアはありますか?