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

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

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

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


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


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)
            }
        }
}
【热门文章】
【热门文章】