HTML,CSS,JS完成购物车功能

这是我们要完成的购物车界面

1. 初始状态，当我选中某件商品时，总数量栏，总价栏显示默认数量和总价。
2. 当我点击全选按钮时，所有的复选框都要被我选到。当我取消全选按钮时，所有商品都要取消选中状态。
3. 当购物车处于全选状态时，如果我取消选中某一件商品，全选按钮就要处于未被选中的状态。
4. 当选中某个商品时，我可以对它进行任何操作，包括：增加、减少、删除。
5. 当我点击结算时，系统告诉我购物的总价。

通过HTML和CSS布局后可以得到下面这个模型（完整代码参考文尾）

紧接着我们就要在这基础上增加各种功能。

1. 全选按钮。

oSelect.onclick = function() {
   
		if (oSelect.checked) {
   
			for (var i = 0; i < aItems.length; i++) {
   
				if (aItems[i].checked) {
   

				} else {
   
					oSelect.checked = true;
					aItems[i].checked = true;
					getStart();
				}
			}
		} else {
   
			//全消
			for (var i = 0; i < aItems.length; i++) {
   
				if (aItems[i].checked) {
   
					aItems[i].checked = false;
					oSum.innerText = 0;
					oGoods.innerText = 0;
				} else {
   }
			}
		}
	}   

2. 单击复选框，判断我所勾选的复选框。

function getStart() {
     
	var oSelect = document.getElementBy