在開發網站時,常常需要獲取用戶在復選框中選中的值,這時可以使用jQuery來實現這個功能。下面是選中所有復選框值的代碼:
$('input[type=checkbox]').each(function() { if(this.checked) { var value = $(this).val(); // 處理選中的值 } });
以上代碼使用了jQuery的each方法,遍歷了頁面上所有類型為checkbox的輸入元素,并判斷該元素是否選中。如果選中,則使用jQuery的val方法獲取該元素的值,并進行后續處理。
如果只想獲取所有選中的值,可以使用jQuery的map方法,將選中的元素值存儲為一個數組:
var checkedValues = $('input[type=checkbox]:checked').map(function() { return $(this).val(); }).get();
以上代碼使用了jQuery的checked選擇器,獲取所有被選中的輸入元素,然后使用map方法將元素的值映射到一個新的數組中,并使用get方法獲取該數組。
使用以上代碼,可以輕松地獲取頁面上所有復選框中選中的值。
上一篇jquery選中復選框
下一篇css布局浮動和定位