Question

我想将collection_check_boxes生成的每个后续复选框包装到<div>中。

例如，正常collection_check_boxes输出为：

<input id="post_author_ids_1" name="post[author_ids][]" type="checkbox" value="1" checked="checked" />
<label for="post_author_ids_1">D. Heinemeier Hansson</label>
<input id="post_author_ids_2" name="post[author_ids][]" type="checkbox" value="2" />
<label for="post_author_ids_2">D. Thomas</label>
<input id="post_author_ids_3" name="post[author_ids][]" type="checkbox" value="3" />
<label for="post_author_ids_3">M. Clark</label>
<input name="post[author_ids][]" type="hidden" value="" />

我希望实现的目标是：

<div class="row">
    <input id="post_author_ids_1" name="post[author_ids][]" type="checkbox" value="1" checked="checked" />
    <label for="post_author_ids_1">D. Heinemeier Hansson</label>
    <input id="post_author_ids_2" name="post[author_ids][]" type="checkbox" value="2" />
    <label for="post_author_ids_2">D. Thomas</label>
</div>
<div>
    <input id="post_author_ids_3" name="post[author_ids][]" type="checkbox" value="3" />
    <label for="post_author_ids_3">M. Clark</label>
    <input name="post[author_ids][]" type="hidden" value="" />
</div>

据我所见，代码https://support.office.com/en-us/article/Import-and-export-vCards-to-Outlook-contacts-9af7e16e-61e3-45f4-8c19-a3842333005a不支持 - 样式只能应用于单个项目。

假设猴子修补不是一个选项，因为它会影响全局的帮助，还有哪些其他选项可以实现这种效果？

Answer 1

http://apidock.com/rails/v4.2.1/ActionView/Helpers/FormOptionsHelper/collection_check_boxes

我认为你不支持在复选框输入之间插入<div>。但是，生成的输入框确实有不同的ID。

<input id="post_author_ids_1" name="post[author_ids][]" type="checkbox" value="1" checked="checked" />
<label for="post_author_ids_1">D. Heinemeier Hansson</label>
<input id="post_author_ids_2" name="post[author_ids][]" type="checkbox" value="2" />
<label for="post_author_ids_2">D. Thomas</label>
<input id="post_author_ids_3" name="post[author_ids][]" type="checkbox" value="3" />
<label for="post_author_ids_3">M. Clark</label>
<input name="post[author_ids][]" type="hidden" value="" />

由于你没有描述，我真的不知道你想要实现什么。尽管如此，如果您尝试将相同的样式添加到一对项目中，您可以通过这些ID枚举以应用适当的样式。

从div中的collection_check_boxes中包装每一对

1 个答案: