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

Question

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

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

Answer 1

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

偷一个答案
111

Answer 2

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)
            }
        }
}

Answer 3

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