jquery-全选

html:

    <input type="checkbox" class="input">选项1  
    <input type="checkbox" class="input">选项2  
    <input type="checkbox" class="input">选项3  
    <input type="checkbox" class="input">选项4  
    <input type="checkbox" class="input">选项5  
    <br>  
    <input type="checkbox" class="all">全选  

js:

    $(".all").click(function () {
        $(".input").prop("checked",this.checked);
    })

    $(".input").change(function(){
        var bian = true;
        $(".input").each(function(){ 
            if( $(this).prop("checked") ){
                $(".all").prop("checked",false)
            }else{
                bian = false;
            }
        })

        if(bian){
            $(".all").prop("checked",true)
        }
    });