有已知购物车数据,渲染页面,根据每一个商品中的选中状态决定全选状态、总数量和总价格

问题遇到的现象和发生背景

1.点击全选按钮,改变所有购物车商品的选中状态
2.点击每一个商品状态以后,相应的改变全选状态(数量和总价也相应的改变)
注意:是change事件
易错点:当重新渲染页面以后,每一个input的事件会消失,需要重新选择每一个input并绑定事件

img

问题相关代码,请勿粘贴截图
运行结果及报错内容
我的解答思路和尝试过的方法
我想要达到的结果

用事件委托

filter.配合map方法实现全选,反选

arr.filter(item => item.selected).map(item => {
item.seleted = ! item.seleted
return item
})

如有帮助,麻烦点个[采纳此答案]

监听 check的 状态 ,写一个方法计算 值。一改变就执行