包装<%=f.勾选“%>内”<label>

Rails在复选框之前生成隐藏的输入,因为它需要一种方法来知道表单是否在复选框未选中的情况下提交。命令 是 敏感,因为复选框会覆盖隐藏输入(如果选中)。见 Rails API 详情。

你应该使用 <label for="checkbox_id"> 而不是在标签标签中包装复选框。

这对我很有用:

<%= f.label :foo do %>
  <%= f.check_box :foo %>
  Foo
<% end %>

渲染:

<label for="foo">
  <input name="foo" type="hidden" value="0">
  <input checked="checked" id="foo" name="foo" type="checkbox" value="1">
  Foo
</label>

这是我使用的包括翻译的解决方案。

<%= 
  f.label(
    :foo, 
    "#{f.check_box(:foo)} #{t('helpers.label.foo')}".html_safe
  ) 
%>

在E.YML中

en:
  helpers:
    label:
      foo: Foo

这不是使用 label 标签。而是这样使用:

<input type="hidden" ... /> <!-- doesn't really matter where these are -->

<label for="id_of_element">Foo</label>
<input type="checkbox" id="id_of_element" ... />

现在“foo”用作复选框元素的标签,您可以单击“foo”来选中或取消选中它。