javascript - js循环历遍所有值后 执行操作

Question

项目需求：
购物车系统，当每个产品都被选中后，全选的选择按钮，变成选择状态。

思路：
循环所有选择

<input type="checkbox" class="check">

当所有

e.checked == true 

时

<input type="checkbox" class="check">

的checked==true

javascript新手，求助！

Answer 1

<input type="checkbox" class="check">
<input type="checkbox" class="checkAll">

原理就是所有选中的checkbox的个数等于总的checkbox个数document.querySelectorAll('.checkAll').length，
checkAll.checked=true

Answer 2

通过事件监听(最好通过代理)来监听每个checkbox的状态，当所有checkbox被选中时，全选checkbox被勾上。

parent.on('click', function (e) {
    var ele = e.target;
    if (ele.is(checkbox)) {
        var flag = true;
        if (ele.checked) {
            $('.check').forEach(funtion (item) {
                if (!item.checked) flag = false;
            })    
        } else {
            flag = false;
        }
        if (flag) {
            $('.checkAll').checked = true;
        } else {
            $('.checkAll').checked = false;
        }
    }
})

注意，上述代码有些地方是伪代码，看清思路就好了