Question

我正试图在Rails单选按钮上使用Zurb foundation的switch元素。

我有这段代码：

<%= simple_form_for @mymodel .... |f| %>

<%= f.input :active, as: :radio_buttons %>

<% end %>

生成是和无单选按钮。

我现在正在尝试实施zurb基础开关，因为它看起来更好。

Zurb Foundation Switch element

默认开关的示例代码：

<div class="switch">
  <input id="x" name="switch-x" type="radio" checked>
  <label for="x" onclick="">Off</label>

  <input id="x1" name="switch-x" type="radio">
  <label for="x1" onclick="">On</label>

  <span></span>
</div>

问题是，它看起来像这样：

<div class="switch">
    <div class="input radio_buttons optional mymodel_active">
    <label class="radio_buttons optional">active</label>
    <span class="radio">
    <input class="radio_buttons optional" id="mymodel_active_true" name="mymodel[active]" type="radio" value="true">
    <label class="collection_radio_buttons" for="mymodel_active_true">Yes</label>   
    </span>
    <span class="radio">
    <input checked="checked" class="radio_buttons optional" id="mymodel_active_false" name="mymodel[active]" type="radio" value="false">
    <label class="collection_radio_buttons" for="mymodel_active_false">No</label>
    </span>
    </div>
    <span></span>
</div>

然后我添加了, label: false ,:input_html => { :onclick => ' ' }作为属性，以适应示例。它仍然不会在第一次之后切换？我现在输入onclick=""，但我需要在标签上。

 <%= f.label :active , input_html: { :onclick => ' ' } %>

不行。

有人知道这个问题吗？感谢

Answer 1

我建议您使用简单表单自定义包装https://github.com/plataformatec/simple_form/wiki/Custom-Wrappers

Rails：simple_form单选按钮切换（zurb基础）

1 个答案: