我正在 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 来促进这一点吗?
谢谢