用vuejs或jquery怎么做这种购物车的“全选”?

用vuejs或jquery怎么做这种购物车的“全选”?
就是像下面这样,点击左上角绿色框里面的那个复选框,下面所有复选框都被选中了:

如果更适合用jquery来做,那么,有demo可以参考一下吗?

图片描述

回答:

https://jsfiddle.net/JoyXu/gect1eot/

偷一个答案
111

回答:

export default {
    data() {
            return {
                list: [{
                    id: 1,
                    checked: false
                }, {
                    id: 2,
                    checked: false
                }, {
                    id: 3,
                    checked: false
                }]
            }
        },
        methods: {
            checkall() {
                this.list.forEach(i => i.checked = true)
            }
        }
}

回答:

Demo:
https://jsfiddle.net/Simga/b6nhh3t9/3/

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注