纯Javascript实现复选框全选or取消全选的功能

相关博客：https://hcshow.blog.csdn.net/article/details/125227982

效果

代码

DOCTYPE html>



    
    
    
    复选框全选or取消全选



    
    
    
         吃
         喝
         玩
         乐
    

    
        let all = document.querySelector("#all");
        let cbs = document.querySelector("#cbs").querySelectorAll("input");

        console.log(cbs.length);

        //为all复选框添加事件监听
        all.onclick = function () {
            for (let i = 0; i