2013-04-07 67 views
2

我有一个表单,并且里面有复选框;将选中复选框的值作为CSV返回 - 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如果两个复选框被选中,如果只选择1被选中
  2. option1
  3. 警报;如果没有选中一个空盒子。

我该如何做到这一点? Here是小提琴。

在此先感谢... :)

+0

如果它是一个CSV,你还需要一个标题行组成的元素的名称,或只是值? – 2013-04-07 20:18:58

回答

2

这是回答你的问题小提琴。 http://jsfiddle.net/H8HNm/1/

的关键是这样的:

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

此代码遍历所有选定复选框并将它们添加到阵列。然后将它们连接在一起做出最终输出。

4

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

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