JQuery-复选框的操作(摘自<锋利的JQuery>)

$('#CheckAll').on('click',function(){
//--way 1
$('[name=InputName]:checkbox').attr('checked':true);
//--way 2
if(this.checked){
$('[name=InputName]:checkbox').attr('checked':true);
}
else{
$('[name=InputName]:checkbox').attr('checked':false);
}
//--way 3
$('[name=InputName]:checkbox').attr('checked':this.checked);
});

$('#CheckNo').on('click',function(){
$('[name:InputName]:checkbox').attr('checked':false);
});

$('#CheckInvert').on('click',function(){
$('[name:InputName]:checkbox').each(function(){
//--way 1
$(this).attr('checked',!$(this).attr('checked'));
//--way 2
this.checked=!this.checked;
});
});

$('#GetVal').on('click',function(){
var strVal="";
$('[name:InputName]:checkbox:checked').each(function(){
strVal+=$(this).val()+'\r\n';
});
});

$('[name:InputName]:checkbox').on('click',function(){
//--way 1
var bCheckAll=true;
$('[name:InputName]:checkbox').each(function(){
if(!this.checked){
bCheckAll=false;
}
});
$('#CheckAll').attr('checked',bCheckAll);
//--way 2
var $checkbox=$('[name:InputName]:checkbox');
$('#CheckAll').attr('checked',$checkbox.length==$checkbox.filter(':checked').length);
});