jQuery可以非常方便地幫助我們?cè)O(shè)置復(fù)選框的全選功能。一個(gè)比較簡單的實(shí)現(xiàn)方案如下：

$('#check-all').click(function(){
$('input[type="checkbox"]').prop('checked', this.checked);
});

這里我們首先選中一個(gè)id為check-all的元素，一般是全選按鈕。當(dāng)點(diǎn)擊這個(gè)按鈕時(shí)，我們通過jQuery的prop方法將所有type為checkbox的input元素的checked屬性值設(shè)置為當(dāng)前按鈕的checked屬性值。這樣就能實(shí)現(xiàn)全選的功能了。

如果需要實(shí)現(xiàn)反選的功能，只需要稍微改動(dòng)一下代碼：

$('#check-all').click(function(){
$('input[type="checkbox"]').prop('checked', function(i, value){
return !value;
});
});

這里我們傳入了一個(gè)回調(diào)函數(shù)作為prop方法的參數(shù)，這個(gè)函數(shù)會(huì)在每個(gè)復(fù)選框上執(zhí)行，并返回一個(gè)布爾值。我們將每個(gè)復(fù)選框的checked屬性值取反，就實(shí)現(xiàn)了反選的功能。