使用jQuery獲取多選框的選中值

$(document).ready(function(){
$("#btn_submit").click(function(){ // 綁定button點(diǎn)擊事件
var selectedValues = []; // 定義一個(gè)數(shù)組，用于存放選中的值
$("input[name='chkbox_name']:checked").each(function(){ // 遍歷所有選中的多選框
selectedValues.push($(this).val()); // 將選中的值添加到數(shù)組中
});
alert("選中的值為：" + selectedValues.join(", ")); // 顯示選中的值
});
});

代碼解釋?zhuān)?/p>

1. 使用$().ready()函數(shù)，當(dāng)文檔加載完畢后執(zhí)行函數(shù)內(nèi)的代碼。

2. 使用$().click()函數(shù)，為按鈕添加點(diǎn)擊事件監(jiān)聽(tīng)器。

3. 使用$().each()函數(shù)遍歷所有選中的多選框。

4. 使用$().push()函數(shù)將選中的值添加到一個(gè)數(shù)組中。

5. 使用$().join()函數(shù)將數(shù)組中的值以逗號(hào)分隔，并作為字符串返回。

6. 使用alert()函數(shù)顯示選中的值。

使用以上代碼，即可輕松地獲取多選框的選中值。