html – 样式Rails collection_check_boxes

前端之家收集整理的这篇文章主要介绍了html – 样式Rails collection_check_boxes前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我一直在尝试将一些CSS类应用于collection_check_Boxes,但我无法让它工作.现在我这样做:
<div class="form-group">
    <%= f.collection_check_Boxes(:brand_ids,Brand.all,:id,:name) do |b| %>
        <%= b.label { b.check_Box + b.text } %>
    <% end %>
</div>

输出这个HTML:

<div class="form-group">
    <label for="user_brand_ids_1">
        <input id="user_brand_ids_1" name="user[brand_ids][]" type="checkBox" value="1">Brand 1
    </label>
    <input name="user[brand_ids][]" type="hidden" value=""> 
</div>

相反,我想输出这个HTML:

<div class="form-group">
    <label class="label-checkBox" for="user_brand_ids_1">
        <input id="user_brand_ids_1" name="user[brand_ids][]" type="checkBox" value="1">
        <span class="custom-checkBox"></span>Brand 1
    </label>
    <input name="user[brand_ids][]" type="hidden" value=""> 
</div>

我试过以下,这不起作用……

<div class="form-group">
    <%= f.collection_check_Boxes(:brand_ids,:name,{},{class: 'label-checkBox'}) do |b| %>
        <%= b.label { b.check_Box + b.text },class: 'label-checkBox' %>
    <% end %>
</div>

关于我怎么能这样做的任何想法?

解决方法

试试这样:
<%= f.collection_check_Boxes(:brand_ids,:name) do |b| %>
        <%= b.label class:"label-checkBox" do%>
         <%=b.check_Box + b.text%>
        <%end%>
    <% end %>
原文链接:https://www.f2er.com/html/228413.html

猜你在找的HTML相关文章