jquery – 需要将选定复选框中的值放在输入文件中,用逗号分隔

我正在尝试使用一系列选中的复选框,并在输入字段中创建逗号分隔列表.这有点超出了我的jQuery技能.

以下是HTML的示例：

<input type="checkBox" value="Bill" id="CAT_Custom_173676_0" name="CAT_Custom_173676" />Bill<br />
<input type="checkBox" value="Dan" id="CAT_Custom_173676_1" name="CAT_Custom_173676" />Dan<br />
<input type="checkBox" value="Francis" id="CAT_Custom_173676_2" name="CAT_Custom_173676" />Francis<br />

我需要从这些复选框中取值并将它们插入到此字段中

<input type="text" class="cat_textBox" id="CAT_Custom_172786" name="CAT_Custom_172786" maxlength="1024"  />

因此,如果选中上面的所有复选框,则输入字段的值将为“Bill,Dan,Francis”.

提交表单时可能会发生此事件.

任何帮助,将不胜感激.

解决方法

您可以在此处使用 map()创建一个包含checked复选框值的新jQuery对象,然后使用 get()获取一个数组,然后使用 join(“,”)nb创建这些值的逗号分隔字符串：

var arr = ​$("input:checked").map(function () { return this.value; }​);
$("#CAT_Custom_172786").val(arr.get().join(","));

Example

nb：你实际上可以省略join(),因为转换为字符串的数组会自动与逗号分隔连接.个人偏好在这里发挥作用.