17.综合案例1

HTML:

    请选择你的爱好:

    全选/全不选

    

        JAVA 
        打篮球 
        上网 
        撩妹 
    
    
    

        
        
        
    

JS:

function checkAll(value){
    
    //获取所有的爱好
    var eles = document.getElementsByName("hobby");
    
    for(var i = 0; i< eles.length; i++){
        eles[i].checked = value;
    }
    
}

function checkUnAll(){
    //获取所有的爱好
    var eles = document.getElementsByName("hobby");
    
    for(var i = 0; i< eles.length; i++){
        eles[i].checked = !eles[i].checked;
    }
}

function checkChange(srcEl){
    checkAll(srcEl.checked);
}