Question

我有一个Rails表单助手，想要将一个css类添加到一个单选按钮输入字段。

            <span class="input-nile">
              <%= f.radio_button :nile_administration, class: 'input__field input__field-nile radio' %>
              <label class="radio-label">Nile Administration</label>
            </span>

输出

           <span class="input-nile">
              <input type="radio" value="{:class=>&quot;input__field input__field-nile radio&quot;}" name="user[nile_administration]" id="user_nile_administration_classinput__field_input__field-nile_radio">
              <label class="radio-label">Nile Administration</label>
            </span>

我想实现无线电类型的输入标签获取css类＆＃34; radio＆＃34;如下：

            <span class="input-nile">
              <input type="radio" value="" name="user[nile_administration]" class="input__field input__field-nile radio" id="user_nile_administration_classinput__field_input__field-nile_radio">
              <label class="radio-label">Nile Administration</label>
            </span>

我该怎么做？

Answer 1

试试这个：

<%= f.radio_button :nile_administration, '', '', class: 'input__field input__field-nile radio' %>

如docs中所述，radio_button将其选项作为第四个参数：

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

Answer 2

我认为这对你有用：

<span class="input-nile">
  <%= f.radio_button :nile_administration,"",class: 'input__field input__field-nile radio', id: 'user_nile_administration_classinput__field_input__field-nile_radio'%>
  <label class="radio-label">Nile Administration</label>
</span>

Answer 3

问题在于结肠位置

替换

<%= f.radio_button :nile_administration, class: 'input__field input__field-nile radio' %>

带

<%= f.radio_button :nile_administration , :class => 'input__field input__field-nile radio' %>

Answer 4

您可以为 f.radio_button 设置自定义 id、类和其他属性，如下所示。因为它只需要 3 个参数。这就是使用方括号的原因。

 <%= f.radio_button :entity_type, 'practice', { checked: true, id: 'entity_type_practice', class: "custom-control-input entity-radio-button" } %>

Rails形成帮助：单选按钮不具有css类名称

4 个答案: