jQuery中的checked用于檢查HTML中的radio和checkbox是否被選中。通過使用jQuery中的:checked選擇器,可以很容易地獲取到已被選中的checkbox或radio。
以下是一個(gè)簡(jiǎn)單的例子,它將獲取到一個(gè)已經(jīng)被選中的checkbox的value值并將其顯示在頁(yè)面上:
$('input[type="checkbox"]:checked').each(function(){ var value = $(this).val(); $('body').append('選中的值為:'+value); });
在上面的例子中,我們首先使用jQuery選擇器選中了所有已被選中的checkbox元素,然后使用each()方法遍歷它們,并獲取它們的value值并顯示在頁(yè)面上。
同樣的,對(duì)于radio按鈕,可以使用類似的方法來獲取選中的值:
var value = $('input[name="radio"]:checked').val(); $('body').append('選中的值為:'+value);
在上面的例子中,我們通過選擇器選中了name屬性為radio且已被選中的radio元素,并獲取它們的value值并顯示在頁(yè)面上。
除了獲取已選中的值之外,checked還可以用于設(shè)置一個(gè)元素的選中狀態(tài)。例如,我們可以使用以下代碼將一個(gè)checkbox設(shè)為選中狀態(tài):
$('input[type="checkbox"]').prop('checked', true);
在上述代碼中,我們使用prop()方法將checkbox的checked屬性設(shè)為true,從而實(shí)現(xiàn)了選中操作。