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

如图

全选按钮的实现为：复制代码代码如下：输入类型='复选框'名称='all' onclick='checkAll()' /全选br /输入类型='复选框'名称='item '值='3000' /笔记本电脑：3000元br /输入类型='复选框'名称='item '值='3000' /笔记本电脑：3000元br /输入类型='复选框'名称='item '值='3000' /笔记本电脑：3000元br /输入类型='复选框'名称='item '值='3000' /笔记本电脑：3000元br /输入类型='复选框'名称='item '值='3000' /笔记本电脑：3000元br /输入类型='复选框'名称='item '值='3000' /笔记本电脑：3000元br /输入类型='复选框'名称='item '值='3000' /笔记本电脑：3000元br /输入类型='复选框'名称='item '值='3000' /笔记本电脑：3000元br /输入类型='复选框'名称='item '值='3000' /笔记本电脑：3000元br /输入类型='复选框'名称='item '值='3000' /笔记本电脑：3000元br /输入类型='复选框'名称='all' onclick='checkAll()' /全选br /输入类型='按钮'值='获取总金额onclick=' GetSum()'/span id=' sum '/span最后的跨度标签是用来存放显示总金额的区域。实现两个"全选"功能的代码是：复制代码代码如下：函数checkAll(){//var all node=document。getelementsbyname(' all ')[0]；//获取被点击的元素var all node=event . srcelementvar item=document。getelementsbyname(' item ')；for(var x=0；xitem . lendex){ 0项目[x].checked=all node . checked } } event . srcelement实现了对响应事件按钮的获取为了。循环将每个多选框修改检查属性。计算总金额的方法为：复制代码代码如下：函数GetSum(){ var item=document。GetElementsByname(' item ')；var sum=0；for(var x=0；xitem . lendex){ if(项[x].选中){ sum=parseInt(项[x]).值);} } var span node=document。getelementbyid(' sum ')；spanNode.innerHTML=(sum '元').字体大小(7)；} 将所有被选中的复选框的价值值加起来。