如何将单选按钮包装在 rails 的标签内

Question

我想在标签内创建一些单选按钮。 我知道 Rails 的写法是使用 radio_button_tag 和 label_tag.

<%= radio_button_tag 'tone', tone, false, id: "tone-#{tone}" %>
<%= label_tag "tone-#{tone}", jp_name %>

这将生成这些：

<input type="radio" name="tone" id="tone-red" value="red">
<label for="tone-red">赤</label>
<input type="radio" name="tone" id="tone-blue" value="blue">
<label for="tone-blue">青</label>

但是由于文本和单选按钮之间的空格，空格之间无法点击。我想通过将单选按钮包裹在标签内来修复它。

<label for="tone-red">赤
  <input type="radio" name="tone" id="tone-red" value="red">
</label>

有没有办法生成这种 html 和 Rails 风格？

JSFiddle：https://jsfiddle.net/21d34zqt/

Answer 1

以下应该有效

<%= label_tag "tone-#{tone}", jp_name do %>
  <%= radio_button_tag 'tone', tone, false, id: "tone-#{tone}" %>
<% end %>