JS做一个全选和取消全选案例

场景：当你点击全选时，商品列表全部选中，取消全选时，商品列表全部未选中。选择几件商品但没全选时，全选的复选框未选中。

 全选：

 选择部分商品：

 1.全选

获取到元素，并且在全选上绑定一个事件，将商品的checked全部和全选框一样

var checkboxall = document.querySelector("#all")
        var shoplist = document.querySelectorAll(".shop input")
        checkboxall.onclick = function(){
            for(var i = 0;i<shoplist.length;i++){
                shoplist[i].checked = checkboxall.checked
            }
        }