jQuery表單多選框取值是一個(gè)非常重要的功能,它可以幫助我們處理多選框的選中狀態(tài),并獲取用戶選擇的值。在jQuery中,我們可以使用val()方法來獲取多選框的值。
$(document).ready(function() { // 綁定多選框change事件 $('input[type="checkbox"]').change(function() { var selectedValues = []; // 遍歷選中的多選框 $('input[type="checkbox"]:checked').each(function() { selectedValues.push($(this).val()); }); // 將所有選中的值組成一個(gè)字符串 var values = selectedValues.join(','); // 將組裝好的值設(shè)置到另一個(gè)表單項(xiàng)中 $('#selected-values').val(values); }); });
在上面的代碼中,我們首先使用了jQuery的ready()方法來確保頁(yè)面中所有元素都已經(jīng)加載完畢。然后,我們綁定了多選框的change事件,即當(dāng)用戶勾選或取消勾選某個(gè)多選框時(shí),就會(huì)執(zhí)行回調(diào)函數(shù)。回調(diào)函數(shù)中,我們首先定義一個(gè)空數(shù)組selectedValues,用來存儲(chǔ)選中的值。接著,我們使用each()方法對(duì)所有選中的多選框進(jìn)行遍歷,將每個(gè)選中的值添加到selectedValues數(shù)組中。最后,我們使用join()方法將所有選中的值組裝成一個(gè)以逗號(hào)分隔的字符串,并將該字符串設(shè)置到另一個(gè)表單項(xiàng)中,以便后續(xù)處理。