使用jQuery 实现全选非常简单，下边我们就看看如何实现jQuery 全选。假设在页面中有如下标签：

 全选<input id="all" type="checkbox" value="" />
 投资<input id="Checkbox1" type="checkbox" name="test" value="投资" />
 理财<input id="Checkbox2" type="checkbox" name="test" value="理财" />
 担当<input id="Checkbox3" type="checkbox" name="test" value="担当" />
 成熟<input id="Checkbox4" type="checkbox" name="test" value="成熟" />

jQuery 实现全选的代码如下：

//点击全选框

jQuery(

"#all"

).click(

function

() {

if

(jQuery(

this

).attr(

"checked"

) == 

true

) {

//如果是全选,根据name遍历单选框，并全部选中;否则全部取消选中。

jQuery(

"input[name='test']"

).each(

function

() {

jQuery(

this

).attr(

"checked"

, 

true

);

});

}

else

{

jQuery(

"input[name='test']"

).each(

function

() {

jQuery(

this

).attr(

"checked"

, 

false

);

});

}

});