html – 单选按钮的标签也可以选择吗?

根据(有点官方) this guide,我可以制作单选按钮的标签,也可以选择该单选按钮.他们说,

Always use labels for each checkBox and radio button. They associate text with a specific option and provide a larger clickable region.

不幸的是,我无法为我的表单获得此功能.这是我的代码

<% form_for(@bet) do |f| %>
  <%= f.label :bet_type %>
  <%= f.radio_button :bet_type,"moneyline" %>
  <%= f.label :bet_type_moneyline,"Moneyline" %>
  <%= f.radio_button :bet_type,"spread" %>
  <%= f.label :bet_type_spread,"Spread" %>
<% end %>

我也尝试了这个(因为这是使用FormTagHelper而不是FormHelper的示例):

<% form_for(@bet) do |f| %>
  <%= radio_button_tag :bet_type,"moneyline" %>
  <%= label_tag :bet_type_moneyline,"Moneyline" %>
  <%= radio_button_tag :bet_type,"spread" %>
  <%= label_tag :bet_type_spread,"Spread" %>
<% end %>

但是,我仍然无法让它发挥作用.我正在使用rails 2.3.5和ruby 1.8.7.

感谢阅读,也许还有帮助!

解决方法

对单选按钮执行此操作的简单方法是将输入标记放在标签内,如下所示:
<label>
  <input />
  This is an input!
</label>

这是实现目标的有效方式.

在Rails中,标签助手可以接受一个块,所以你可以这样做:

<%= f.label :moneyline do %>
  <%= f.radio_button :bet_type,"moneyline" %>
  "Moneyline"
<% end %>

相关文章

vue阻止冒泡事件 阻止点击事件的执行 &lt;div @click=&a...
尝试过使用网友说的API接口获取 找到的都是失效了 暂时就使用...
后台我拿的数据是这样的格式: [ {id:1 , parentId: 0, name:...
JAVA下载文件防重复点击,防止多次下载请求,Cookie方式快速简...
Mip是什么意思以及作用有哪些