在jQuery中将已选中复选框的值返回为CSV

时间:2013-04-07 20:16:58

标签: javascript jquery

我有一张表格,里面有复选框,如;

<form id="testid">
<input class="chkbx" type="checkbox" value="option 1" />option 1
<input class="chkbx" type="checkbox" value="option 2" />option 2
    <br/><br/><a id="test">test</a>
</form>

当我点击某个元素时,我需要返回已检查复选框的值。说,我需要提醒;

    如果同时选中了这两个框,则
  1. option1,option2
  2. option1如果仅选中选项1,
  3. 如果没有选中,则提醒空框。
  4. 我怎样才能做到这一点? Here 是小提琴。

2 个答案:

答案 0 :(得分:4)

您可以使用.filter().map()

var result = $('input[type="checkbox"]').filter(function() {
    return this.checked;
}).map(function() {
    return this.value;
}).get().join(',');

答案 1 :(得分:2)

这是一个解决你问题的小提琴。 http://jsfiddle.net/H8HNm/1/

关键是:

checked = []
$(".chkbx:checked").each(function () {
       checked.push($(this).val())
});
alert(checked.join(","))

此代码循环显示所有选中的复选框,并将它们添加到数组中。然后将它们连接在一起以产生最终输出。