复选框 正选反选

    <span><input type="checkbox" id="sellAll"/>全选</span>
    <ul>
        <li><input type="checkbox" name="hobby" id=""/>羽毛球</li>
        <li><input type="checkbox" name="hobby" id=""、>绘画</li>
        <li><input type="checkbox" name="hobby" id=""/>唱歌</li>
        <li><input type="checkbox" name="hobby" id=""/>跳舞</li>
        <li><input type="checkbox" name="hobby" id=""/>运动</li>
    </ul>

    <script>
    window.onload = function(){
        var sellAll = document.getElementById('sellAll');
        var hobbys = document.getElementsByName('hobby');
        var myClick = document.getElementById('xz');

        sellAll.onclick = function(){
            if(sellAll.checked == true){
                for(var i = 0; i < hobbys.length; i++){
                    hobbys[i].checked = true;
                }
            }else{
                for(var i = 0; i < hobbys.length; i++){
                    hobbys[i].checked = false;
                }
               
            }
        }

        // 反选
        for(var i = 0; i < hobbys.length; i++){ 
            hobbys[i].onclick = function(){
                sellAll.checked = true;
                for(var j= 0;j < hobbys.length; j++){
                    if(!hobbys[j].checked){
                        sellAll.checked = false;
                        break;
                    }
                }
            }
        }
    }
</script>