使用 rails form_for 的漂亮单选按钮答案

【问题标题】：Pretty Radio Buttons using rails form_for使用 rails form_for 的漂亮单选按钮
【发布时间】：2017-10-13 17:45:06
【问题描述】：

我正在使用 Twitter 的 Bootstrap 3，它可以生成漂亮的蓝色按钮。我想使用 rails form_for 或 simple_form 生成一个看起来与以下 html 相同的 radio_button 组：

    <div class= "form-group">
        <div class= "btn-group" data-toggle="buttons">
            <label class="btn btn-primary">
                <input type="radio" name="ptype", id="freelancer">
                Freelancer
            </label>
            <label class="btn btn-primary">
                <input type="radio" name= "ptype" id="agency">
                Agency
            </label>
        </div>
    </div>

也就是说，我希望单选按钮组看起来像下图中的底部选项，而不是顶部。

【问题讨论】：

标签： ruby-on-rails twitter-bootstrap-3 radio-button simple-form form-for

【解决方案1】：

<div class="btn-group" data-toggle="buttons">
  <label class="btn btn-primary active">
    <input type="radio" name="options" id="option1" checked> Freelancer
  </label>
  <label class="btn btn-primary">
    <input type="radio" name="options" id="option2"> Agency
  </label>
</div>

您需要特定的 javascript 才能工作。

http://getbootstrap.com/javascript/#buttons

【讨论】：

您能说得更具体些吗？我对此相当陌生，几乎没有 javascript/jQuery 经验
另外我还在想你怎么把它写进rails form_for函数

【解决方案2】：

这就是我修复它的方式，轨道方式：

<div class="btn-group" data-toggle="buttons">
  <label class="btn btn-primary">
    <%= radio_button_tag :flight_id, flight.id %>select
  </label>
</div>

【讨论】：