多选框复制框实现

//script代码：
        var allCheck = document.getElementById('allCheck')   //获取全选按钮元素
        allCheck.addEventListener("click",clickHandler)
        for(var i = 0; i < 5; i++){
            var check = document.getElementById('check'+i)
            check.addEventListener("click",clickHandler)
        }

        function clickHandler(e) {
            if(this === allCheck){
                for(var j = 0; j < 5; j++){
                    var check = document.getElementById('check'+j)
                    //让所有的多选框的checked都和全选框的checked一样
                    check.checked = allCheck.checked
                }
                return   //终结后面的代码
            }
            //如果选项都选中，全选按钮则选中，如果全选按钮选中但某个选项未选中，则取消选中全选
            for(var k = 0; k < 5; k++){
                var check = document.getElementById('check'+k)
                if(!check.checked){
                    allCheck.checked = false
                    return
                }
            }
            allCheck.checked = true
        }
    
    ![在这里插入图片描述](https://img-blog.csdnimg.cn/20190527141708211.)