jQuery 复选框值以逗号分隔列表

Question

我有几个带有名称数组的复选框，我希望复选框的输出是一个带有逗号分隔列表的变量。

<input type="checkbox" name="example[]" value="288" />
<input type="checkbox" name="example[]" value="289" />
<input type="checkbox" name="example[]" value="290" />

例如，如果选择第一个和最后一个框，则输出将为:

var output = "288,290";

如何使用 jQuery 做到这一点？

Answer 1

您可以使用 :checkbox 和名称属性选择器 (:checkbox[name=example\\[\\]]) 来获取带有 的复选框列表>name="example[]" 然后您可以使用 :checked 过滤器仅获取选定的复选框。

然后您可以使用.map函数从选定的复选框创建一个数组。

DEMO

var output = $.map($(':checkbox[name=example\\[\\]]:checked'), function(n, i){
      return n.value;
}).join(',');