复选框全选或取消

效果

JQuery实现

    
    Title


    
    
    
        
        
        
        
    
    
    
        $(function () {
            //筛选框全选or全不选
            $("#selectAllCheckBox").click(function () {
                let flag = this.checked;
                $("#cs :checkbox").each(function () {
                    this.checked = flag;
                })
            });
        })
    

JavaScript实现

    
    Title





    
    
    
    


    function fun() {
        let box = document.getElementById("selectAllCheckBox");
        let hobby = document.getElementsByName("hobby");
        if (box.checked == false) {
            for (var i = 0; i