ruby-on-rails - 带有label_tag的check_box_tag点击操作

Question

<%= f.label :category %><br/>
<%= check_box_tag 'category[]', '1', false %>
<%= label_tag 'community', 'community', class: 'category_select', value: '1' %>
<%= check_box_tag 'category[]', '2', false %>
<%= label_tag 'food', 'food', class: 'category_select', value: '2' %>
<%= check_box_tag 'category[]', '3', false %>
<%= label_tag 'music', 'music', class: 'category_select', value: '3' %><br/>
<%= check_box_tag 'category[]', '4', false %>
<%= label_tag 'education', 'education', class: 'category_select', value: '4' %>
<%= check_box_tag 'category[]', '5', false %>
<%= label_tag 'theatre', 'theatre', class: 'category_select', value: '5' %>
<%= check_box_tag 'category[]', '6', false %>
<%= label_tag 'art', 'art', class: 'category_select', value: '6' %><br/>
<%= check_box_tag 'category[]', '7', false %>
<%= label_tag 'culture', 'culture', class: 'category_select', value: '7' %>
<%= check_box_tag 'category[]', '8', false %>
<%= label_tag 'family', 'family', class: 'category_select', value: '8' %>
<%= check_box_tag 'category[]', '9', false %>
<%= label_tag 'sports', 'sports', class: 'category_select', value: '9' %><br/>

我希望能够在category数组下的 Controller 中显示这些选项，因此我将所有选项命名为category[]。我想要完成的是让label_tag和check_box_tag字段彼此了解:

<%= check_box_tag 'community', 'community', false %>
<%= label_tag 'community', 'community', class: 'category_select' %>

在这里，如果我单击单词，则也会选中该框。我尝试使用label_tag上的值来完成此操作，但是它似乎不起作用。能做到吗？

Answer 1

一种方法是手动添加label元素(不添加erb)，然后将复选框和标签内容添加为子元素:

<label class="category-select">
  <%= check_box_tag 'category[]', '1', false %>
  Community
</label>
...

虽然这样做确实会稍微改变html的结构，但可能会影响您的布局/ css。