0

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

谢谢

4

1 回答 1

0

我使用以下有效的代码解决了类似的问题:

     <%= f.label "Select Network type:", :class=>"control-label input-group" %>
      <div class="btn-group" data-toggle="buttons">
        <label class="btn btn-default">
          <%= f.radio_button :network_type, false %>Optical
        </label>
        <label class="btn btn-default active">
        <%= f.radio_button :network_type, true, :checked=>"checked" %>IP&Optical
        </label>
      </div>

我仍然需要更换内部标签,但它工作得很好。试试看

于 2015-01-20T16:37:30.910 回答