checkbox是網(wǎng)頁(yè)表單中常見(jiàn)的一種元素,它允許用戶在多個(gè)選項(xiàng)中選擇一個(gè)或多個(gè)選項(xiàng)。在使用checkbox時(shí),我們通常需要用jquery來(lái)獲取選中的checkbox值。
$(document).ready(function(){ $('.checkbox').click(function(){ var selected = []; $('.checkbox:checked').each(function() { selected.push($(this).val()); }); console.log(selected); }); });
以上代碼為選中的每個(gè)checkbox綁定了一個(gè)click事件,當(dāng)選中的checkbox有變化時(shí),jquery會(huì)通過(guò)each函數(shù)遍歷被選中的checkbox,并將選中的值添加到數(shù)組中。最后可以通過(guò)打印控制臺(tái)來(lái)查看選中的值。
需要注意的是,選中的checkbox值最好使用數(shù)組來(lái)存儲(chǔ)。如果只有一個(gè)checkbox,則可以直接使用val()函數(shù)獲取其值。
if($('#checkbox').is(':checked')){ var value = $('#checkbox').val(); console.log(value); }
以上代碼判斷checkbox是否被選中,如果被選中,則獲取其值并打印到控制臺(tái)。