繁体   English   中英

使用rails helper转换单选按钮的html代码

[英]convert html code of radiobutton using rails helpers

如何使用Rails帮助器实现html中的以下单选按钮? 我的数据库中确实有一个字段guest,用于存储单选按钮的选定值。

<div class="segmented-control" style="width: 100%; color: #5FBAAC">
            <input type="radio" name="guests" id="1">
            <input type="radio" name="guests" id="2">
            <input type="radio" name="guests" id="3">
            <input type="radio" name="guests" id="4">
            <input type="radio" name="guests" id="5">
            <input type="radio" name="guests" id="6">

            <label for="1"  data-value="1">1</label>
            <label for="2" data-value="2">2</label>
            <label for="3" data-value="3">3</label>
            <label for="4"  data-value="4">4</label>
            <label for="5" data-value="5">5</label>
            <label for="6" data-value="6+">6</label>
 </div>

我尝试使用

<%= f.select  :guests, [["1","1"], ["2","2"], ["3","3"], ["4","4"],
["5","5"],["6","6"]], id: "guests", class: "form-control" %>

但不起作用

有一个名为options_for_select的帮助程序方法,该方法将数组数组转换为选择输入选项。

<%= f.select :guests, options_for_select([["1","1"],["2","2"],["3","3"],["4","4"],
["5","5"],["6","6"]]), id: "guests", class: "form-control" %>

说明文件: http : //api.rubyonrails.org/classes/ActionView/Helpers/FormOptionsHelper.html#method-i-options_for_select

我认为它返回您想要的:

<%1.upto(6) do |n|%>
   <%= radio_button_tag :guests, "#{n}",nil, id: "#{n}" %>
<%end%>

<%1.upto(6) do |n|%>
   <%= label_tag("#{n}", "#{n}", "data-tag"=>"#{n}") %>
<%end%>

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM