【问题标题】:Label tag wrapping Input tag in radio buttons (Simple_form)标签标签包装单选按钮中的输入标签(Simple_form)
【发布时间】:2015-08-17 14:10:09
【问题描述】:

我正在使用 gem simple_form 和 Rails 来创建我的表单。

我想创建将输入标签包裹在标签标签中的单选按钮,例如:

<label>
  <input id="optionsRadios2" name="optionsRadios" value="option2" type="radio"/>
  Option one
</label>

但我得到的是:

<input id="optionsRadios" name="optionsRadios" value="option2" type="radio"/>
<label for="optionsRadios1"> Option one</label>

有没有办法使用包装器在标签标签内创建输入标签?如何?

我现在找不到任何方法(这里是文档:http://www.rubydoc.info/github/plataformatec/simple_form/master/SimpleForm/FormBuilder:collection_radio_buttons

感谢您的帮助!

【问题讨论】:

    标签: ruby-on-rails ruby-on-rails-4 simple-form


    【解决方案1】:

    试试这个:

    <%= f.collection_radio_buttons :options, [[true, 'Yes'] ,[false, 'No']], :optionsRadios1, :optionsRadios2, {:item_wrapper_class => 'inline'}, {:class => "radio-inline" }%> 
    

    【讨论】:

    • 不抱歉,这是标准方式。输入和标签标签是分开的。谢谢
    • @AlessandroDS 显示您的代码.. 这样我们就可以在那里修复它.. 您从哪个代码中得到了意外的 html.. 告诉我们
    • @AlessandroDS 你用 {:item_wrapper_class=> 'inline'}, {:class=> "radio-inline" } 添加了我的更新答案吗?
    • @R_O_R Adnan 使用的消息中的代码行是一个很好的代码示例。是的,我试过 {:item_wrapper_class=> 'inline'} ,它只是将收音机放在同一行,与标签嵌套输入无关。我想我找到了解决方案:它在文档中,你可以将一个块传递给 collection_radio_buttons,我正在尝试这个。我会更新它。
    • @AdnanDevops,有没有办法删除item_wrapper_class 参数而只使用class?它似乎不是可选的。如果我从我的陈述中删除它,该类似乎会被忽略。
    最近更新 更多