js实现简单的购物车有图有代码

　　如图：

js实现简单的购物车有图有代码

　　全选按钮的实现为：

复制代码代码如下:

　　<input type="checkbox" name="item" value="3000" />笔记本电脑：3000元<br />

　　最后的span标签是用来存放显示总金额的区域。

　　实现两个“全选”功能的代码是：

复制代码代码如下:

　　function checkAll()

　　{

　　//var allNode = document.getElementsByName("all")[0];

　　//获取被点击的元素

　　var allNode = event.srcElement;

　　var item = document.getElementsByName("item");

　　for(var x=0;x<item.length;x++)

　　{

　　item[x].checked = allNode.checked;

　　}

　　event.srcElement实现了对响应事件按钮的获取。

　　for循环将每个多选框修改checked属性。

　　计算总金额的方法为：

复制代码代码如下:

　　function getSum()

　　{

　　var item = document.getElementsByName("item");

　　var sum = 0;

　　for(var x=0;x<item.length;x++)

　　{

　　if(item[x].checked)

　　{

　　sum+=parseInt(item[x].value);

　　}

　　var spanNode = document.getElementById("sum");

　　spanNode.innerHTML = (sum+"元").fontsize(7);

　　}

　　将所有被选中的复选框的value值加起来。