JavaScript购物车计算商品总价格源码下载

当前位置：首页 > 代码实例 > html5 css3代码分类 > 其他 > JavaScript购物车计算商品总价格源码下载

下面是一个简单代码，实现计算购物车商品总价格的效果，在实际中不可能有这样的购物车，可以利用此代码学习一些相关知识，代码实例如下：

[ 其他 ] 运行代码下载代码

<!DOCTYPE html>  
<html>  
<head>  
<meta charset=" utf-8">  
<meta name="author" content="https://www.51qianduan.com/" />  
<title>51前端</title>  
<script type="text/javascript"> 
function checkAll(ev){  
  var ev=event||ev
  var allNode=ev.target;
  var item=document.getElementsByName("item"); 
  for(var x=0;x<item.length;x++){ 
    item[x].checked = allNode.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); 
} 
window.onload=function(){
  var numbt=document.getElementById("numbt");
  var allbt=document.getElementById("allbt");
  numbt.onclick=function(){
    getSum()
  }
  allbt.onclick=function(){
    checkAll()
  }
}
</script> 
</head> 
<body> 
<input type="checkbox" name="all" id="allbt"/>全选<br /> 
<input type="checkbox" name="item" value="3000" />笔记本电脑：3000元<br /> 
<input type="checkbox" name="item" value="2500" />台式电脑：2500元<br /> 
<input type="checkbox" name="item" value="1500" />数码相机：1500元<br /> 
<input type="checkbox" name="item" value="1000" />手机：1000元<br /> 
<input type="checkbox" name="item" value="200" />内存条：200元<br /> 
<input type="checkbox" name="item" value="20" />数据线：20元<br /> 
<input type="checkbox" name="item" value="100" />摄像头：100元<br /> 
<input type="button" value="获取总金额" id="numbt"/> 
<span id="sum"></span> 
</body> 
</html>

代码描述：JavaScript购物车计算商品总价格。JavaScript购物车计算商品总价格源码下载

下载全部收藏

140 187

用户评论

大牛，别默默的看了，快登录帮我点评一下吧！:) 登录 | 注册