导轨视图中的多组单选按钮

Posted

技术标签:

【中文标题】导轨视图中的多组单选按钮【英文标题】:Multiple sets of radio buttons in a rails view 【发布时间】:2011-06-25 04:28:51 【问题描述】:

有没有办法在 Rails 中设置两组单选按钮?我可以想象您可以将它们放入单独的表单中,但是有没有办法在一个表单中创建两组单选按钮?

【问题讨论】:

【参考方案1】:

是的,您只需使用不同的单选按钮名称即可创建两个不同的集合:

radio_button_tag 'gender', 'male'
radio_button_tag 'gender', 'female'

radio_button_tag 'food', 'none'
radio_button_tag 'food', 'vegetarian'
radio_button_tag 'food', 'vegan'

这将导致 params[:gender] 为 'male' 或 'female' 而 params[:food] 为 'none'、'vegetarian' 或 'vegan'。你可以用 radio_button 函数做同样的事情。

【讨论】:

【参考方案2】:

具有相同name 属性的单选按钮被分组。 因此,请确保您的 Rails 代码对组内的单选按钮使用相同的名称。

根据documentationradio_button方法的第一个参数是名称,所以保持这个参数不变。

【讨论】:

【参考方案3】:

我的建议是使用带有简单循环的 radio_button_tag。 在这里你可以使用form_tag映射选择的值而不需要对应的模型。

<%= form_tag methods: :post do  %>
  <% (0..10).each do |value| %>
    <%= radio_button_tag 'store', value, :required => true %>
  <% end %>
  <%=  submit_tag 'submit' %>
<% end %>

【讨论】:

以上是关于导轨视图中的多组单选按钮的主要内容,如果未能解决你的问题,请参考以下文章

jQuery使用数据目标更改带有onClick侦听器的一组单选按钮标签的innerHtml

一行中的一组单选按钮,同时选择一行中的一个单选按钮,它会影响另一行目标-c

在 WinForms 中对一组单选按钮进行数据绑定的最佳方法

如何将“其他”文本输入添加到 HTML 表单中的一组单选按钮?

如何在 Flutter 中只选择一组单选按钮的值?

vuejs中怎么实现按钮组单选