JavaScript商品价格打折源码下载

在实际生活中，可能有些商品可能会在节假日等场合中进行打折促销，也就是在原有价格基础上进行一定的折扣，下面就通过代码实例介绍一下如何利用javascript实现自动计算折扣的功能。

代码如下:

[ bootstrap ] 运行代码下载代码

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="https://www.51qianduan.com/" />
<title>51前端</title>
<script type="text/javascript"> 
function calculator(){ 
  var prices=document.getElementById("price"); 
  var discounts=document.getElementById("number"); 
  var pay; 
  var select=document.getElementById("payfunction"); 
  if((prices.value>=0&&!isNaN(prices.value))&&  (discounts.value>=0&&!isNaN(discounts.value))&&
  prices.value!=""&&discounts.value!=""){ 
    pay=prices.value*discounts.value; 
    switch(parseInt(select.value)){ 
      case 1:
        pay=pay*0.5; 
        break; 
      case 2:
        pay=pay*0.8; 
        break; 
      case 3:
        pay=pay*0.6; 
        break; 
    } 
    document.getElementById("result").value=pay; 
    alert("恭喜你，交易成功！"); 
  }
  else{ 
    prices.focus(); 
    prices.select(); 
    alert("请输入正确的价格和数量(也不能为空)！"); 
  } 
} 
window.onload=function(){
  var allresult=document.getElementById("allresult");
  allresult.onclick=function(){
    calculator();
  }
}
</script> 
</head> 
<body> 
<center> 
竞拍价格:<input type="text" id="price"/>
购买数量:<input type="text" id="number"/>
支付方式:
<select id="payfunction" style="width: 150px"> 
  <option value="1">网银支付-打5折</option> 
  <option value="2">支付宝支付-打8折</option> 
  <option value="3" selected="true">Q币支付-打6折</option> 
</select>
预计总价:<input type="text" id="result"/>
<input type="button" id="allresult" value="计算总价"/> 
</center> 
</body> 
</html>

代码描述：JavaScript商品价格打折。JavaScript商品价格打折源码下载

下载全部收藏

128 170

用户评论

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