如何獲取checkbox 全部的值

$("input:checkbox:checked").each(function(index,element)); // 為所有選中的復選框執行函數，函數體中可以取出每個復選框的值

$("input:checkbox:checked").map(function(index,domElement)); // 將所有選中的復選框通過函數返回值生成新的jQuery 對象

實例演示：點擊按鈕獲取checkbox的選中值

創建Html元素

<div class="box">

<span>點擊按鈕獲取checkbox的選中值：</span>

<div class="content">

<input type='checkbox' name='message' value='1'/>發送短信

<input type='checkbox' name='message' value='2'/>發送郵件

</div>

<input type="button" value="提交">

</div>

設置css樣式

div.box{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}

div.box>span{color:#999;font-style:italic;}

div.content{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}

編寫jquery代碼

$(function(){

$("input:button").click(function() {

text = $("input:checkbox[name='message']:checked").map(function(index,elem) {

return $(elem).val();

}).get().join(',');

alert("選中的checkbox的值為："+text);

});

});