jQuery是一種流行的JavaScript庫(kù),它可以簡(jiǎn)化代碼編寫(xiě),尤其是在處理HTML文檔時(shí)。一個(gè)常見(jiàn)的需求是需要返回選中的數(shù)量,下面介紹如何使用jQuery實(shí)現(xiàn)這個(gè)功能。
$(document).ready(function() { // 給“選擇”按鈕綁定點(diǎn)擊事件 $('#select-button').click(function() { // 獲取所有被選中的復(fù)選框 var selected = $('input[type="checkbox"]:checked'); // 獲取選中的數(shù)量 var count = selected.length; // 顯示結(jié)果 $('#result').html('您當(dāng)前選擇了' + count + '個(gè)項(xiàng)目'); }); });
上述代碼首先將頁(yè)面的加載事件綁定到一個(gè)函數(shù)里,這是jQuery慣用的做法。在函數(shù)里,給“選擇”按鈕綁定點(diǎn)擊事件。當(dāng)按鈕被點(diǎn)擊時(shí),使用jQuery選擇器獲取所有被選中的復(fù)選框,這里使用了:checked偽類(lèi)來(lái)選擇已經(jīng)被選中的項(xiàng)目。然后,通過(guò)jQuery的.length方法獲取選中的數(shù)量,最后將結(jié)果輸出到頁(yè)面。
這是一個(gè)簡(jiǎn)單的例子,通常情況下,我們需要對(duì)選中的項(xiàng)目做更復(fù)雜的操作。使用jQuery可以方便地對(duì)這些元素做出各種操作,例如改變它們的樣式或內(nèi)容,或者將它們提交給后端處理。