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);
});