如何用js渲染一个简单的购物车

要求：

   1.有已知购物车数据，渲染页面，根据每一个商品中的选中状态决定全选状态、总数量和总价格     2.点击全选按钮，改变所有购物车商品的选中状态
   3.点击每一个商品状态以后，相应的改变全选状态（数量和总价也相应的改变）
    注意：是change事件
    易错点：当重新渲染页面以后，每一个input的事件会消失，需要重新选择每一个input并绑

   事件。

---

css部分（略显粗糙）

---

html部分

 

            

                 全选
                 商品图片详情
                 价格数量合计
            
            

                
            
            
总计: 总价:
        

核心JS渲染

---

总结

在实现这个购物车功能时建议先分析要实现的功能，并将其写写为一块一块的最后调用即可。这只实现了基础的功能，这代码是简单代码封装起来相互调用后实现的复杂功能。这样写可以更加方便日后更改，更可以让代码看上去简洁。