如何使用 Bootstrap 将 Rails 中的text_field更改为单选按钮?

How do I change a text_field in Rails into radio buttons with Bootstrap?

提问人:asamyo 提问时间:11/1/2022 更新时间:11/1/2022 访问量:48

问:

我正在使用 Bootstrap 创建一个表单,我有两个文本字段,您可以在其中输入“是”或“否”。 是否可以创建两个单选按钮,而不是输入文本,分别称为“是”或“否”?

<%= form_with(model: evaluation) do |form| %>
  <% if evaluation.errors.any? %>
    <div style="color: red">
      <h2><%= pluralize(evaluation.errors.count, "error") %> prohibited this evaluation from being saved:</h2>

      <ul>
        <% evaluation.errors.each do |error| %>
          <li><%= error.full_message %></li>
        <% end %>
      </ul>
    </div>
  <% end %>

  <div class="form-group">
    <%= form.label :name, style: "display: block" %>
    <%= form.text_field :name, class:"form-control" %>
  </div>

  <div class="form-group">
    <%= form.label :be_humbly_confident, style: "display: block" %>
    <%= form.text_field :be_humbly_confident, class:"form-control" %>
  </div>

  <div class="form-group">
    <%= form.label :grow_or_die, style: "display: block" %>
    <%= form.text_field :grow_or_die, class:"form-control" %>
  </div>

这是我想创建的,但不知道如何修改它,它适用于我的表单并更新索引页面。

<div class="form-check">
  <input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault1">
  <label class="form-check-label" for="flexRadioDefault1">
    Default radio
  </label>
</div>
<div class="form-check">
  <input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault2" checked>
  <label class="form-check-label" for="flexRadioDefault2">
    Default checked radio
  </label>
</div>
Ruby-on-Rails 形成 twitter-bootstrap 单选按钮

评论

0赞 Chase McDougall 11/1/2022
form.select 能满足您的需求吗?guides.rubyonrails.org/......

答:

0赞 Chase McDougall 11/1/2022 #1

RoR 内置了用于在表单中创建此类项目的帮助程序。请参阅 form.select