javascript - js循环历遍所有值后执行操作-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

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

大家讲道理 2017-04-10 15:42:44

[JavaScript讨论组]

353

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

思路：
循环所有选择

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

当所有

e.checked == true

时

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

的checked==true

javascript新手，求助！

大家讲道理

光阴似箭催人老，日月如移越少年。

全部回复(2)

PHP中文网2017-04-10 15:44:44 2楼

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

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

赞 +0

添加回复

迷茫2017-04-10 15:44:44 1楼

通过事件监听(最好通过代理)来监听每个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;
        }
    }
})

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

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>