首页 > 解决方案 > 在 Rail 5.1.6 和 Bootstrap 4 中使用单选按钮

问题描述

我正在尝试使用 rails 5.1.6 实现一个简单的单选按钮。如果有人可以在那里提供帮助,我将非常高兴。

表单似乎有效,没有返回错误,但存储的值是意外的(存储的值是):{:id=>"project_type", :checked=>"review", :class=>"w-form-control"}

我正在使用:

<%= form_with @project do |f| %>
   <h4 class="info-text"> (...some text...) </h4>
    <div class="row">
      <div class="col-sm-4">
       <div class="choice" data-toggle="wizard-radio" rel="tooltip" title="<%= I18n.t(".project_create-teaser1") %>">
       <%= f.radio_button :project_type, id: "project_type", ['some value'] %>
      <div class="icon">
          <i class="fas fa-building"></i>
              </div>
       ... code continues...

标签: ruby-on-railsbootstrap-4ruby-on-rails-5

解决方案


radio_button(object_name, method, tag_value, options = {})

您必须以正确的顺序发送参数才能radio_button正常工作。下面的代码应该可以解决问题

<%= f.radio_button :project_type, ['some value'], id: "project_type" %>

以上将生成以下HTML

=> "<input id=\"project_type\" type=\"radio\" value=\"some value\" name=\"project[project_type]\" />"

哪个是对的


推荐阅读