jquery - 让 div 像复选框一样工作

Question

我有一个带有复选框的颜色名称列表。我希望能够选择带有标题的整个 div，而不是让复选框在那里。勾选的 div 可以用不同的背景颜色来理解。

我的 html 也是 erb 文件并包含 ruby​​。我希望 <%= color.name %> 位于“idea[color_ids][]”id div 内。但是当我尝试将它们放在一起时，我得到了一个 rails 错误

html/erb 文件

  <ul class="multi-column-checkbox">
        <% for color in Color.master_colors %>
            <li><%= check_box_tag "idea[color_ids][]", color.id,   
@idea.colors.include?(color) %> <%= color.name %></li>
        <% end %>
      </ul>

我怎样才能在“idea[color_ids][]”div 中获取 color.names 而不是在 li div 中？这样我就可以选择整个“idea[color_ids][]”(里面有颜色名称标题)？

Answer 1

你可以尝试这样的事情:

<label for="check1">
  <input type="checkbox" name="check" id="check1" /> Testing
</label>

然后您可以将标签视为 div 或在标签内添加 div-wrapper。