html - 将 <%= f.check_box %> 包裹在 内

Question

我有一个表单上的复选框列表。由于 CSS 的结构方式，标签元素直接设置样式。这需要我将复选框嵌套在标记内。

这适用于原始 HTML，如果您单击标签文本，复选框的状态会发生变化。它不适用于 rails <%= f.check_box %> helper，但是，因为它首先输出一个隐藏的输入标签。

总而言之，

<label>
   <%= f.check_box :foo %>
   Foo
</label>

这是我想要的输出:

<label>
    <input type="checkbox" ... /> 
    <input type="hidden" ... />
    Foo
</label>

...但是 这 是 rails 给我的:

<label>
    <input type="hidden" ... />
    <input type="checkbox" ... />
    Foo
</label>

所以标签行为实际上不起作用:(。

有什么办法可以解决这个问题吗？

Answer 1

这对我有用:

<%= 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>