2013-04-07 68 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(',');