Rails で標準フォームを作成していますが、sass-bootstrap を使用してより見栄えの良いインターフェイスを提供しています。
私の質問は、f.radio_button 入力のブートストラップ ラベル付けの使用にまで及びます。以下は私が使用しているコードです。
<div class="btn-group" data-toggle="buttons-radio">
<%= f.label :activity %><br>
<%= f.radio_button :activity, "Load/Unload", :id=>"Load/Unload" , :style=>"display:none;" %>
<label for="Load/Unload" class="btn btn-primary">Load/Unload</label>
<%= f.radio_button :activity, "Begin shift", :id=>"Begin shift" , :style=>"display:none;" %>
<label for="Begin shift" class="btn btn-primary">Begin shift</label>
<%= f.radio_button :activity, "Complete shift", :id=>"Complete shift", :style=>"display:none;" %>
<label for="Complete shift" class="btn btn-primary">Complete shift</label>
</div>
送信ボタンをクリックするまで、これは見栄えがよく、機能します（クリックすると、選択したボタンがアクティブな表示になります）。この時点で、選択した入力はフォームに追加されず、:activity 変数は空白のままです。
div class="btn-group"... 行を削除すると、ボタンをクリックしてデータを入力できますが、視覚的なボタンの変更は行われません。
なぜこれが起こるのかについてのアイデアはありますか？これを容易にするために jquery を使用する必要がありますか?
ありがとう