HTML打折计算价格的实现原理与脚本代码

　　大概原理就是设置计算价格事件函数，取不同下拉打折数，计算结果送入文字框，感兴趣的朋友可以参考下

　　<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN">

　　<html>

　　<metahttp-equiv="content-type"content="text/html;charset=UTF-8">

　　<head>

　　<title>打折后价格计算</title>

　　<scripttype="text/javascript">

　　functioncalculator(){

　　varprices=document.getElementById("price");

　　vardiscounts=document.getElementById("number");

　　varpay;

　　varselect=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)){

　　case1:pay=pay*0.5;break;

　　case2:pay=pay*0.8;break;

　　case3:pay=pay*0.6;break;

　　}

　　document.getElementById("result").value=pay;

　　alert("恭喜你，交易成功！");

　　}else

　　{

　　prices.focus();

　　prices.select();

　　alert("请输入正确的价格和数量(也不能为空)！");

　　}

　　</script>

　　</head>

　　<body>

　　<formname="discount"action="result.jsp"method="post">

　　竞拍价格：<inputtype="text"id="price"style="width:150px"/>

　　购买数量：<inputtype="text"id="number"style="width:150px"/>

　　支付方式：<selectid="payfunction"style="width:150px">

　　<optionvalue="1">网银支付-打5折</option>

　　<optionvalue="2">支付宝支付-打8折</option>

　　<optionvalue="3"selected="true">Q币支付-打6折</option>

　　</select>

　　预计总价：<inputtype="text"id="result"style="width:150px">

　　<inputtype="button"id="allresult"value="计算总价"onclick="calculator()"/>

　　</form>

　　</center>

　　</body>

　　</html>

本文转载自中文网

如需转载，请注明文章出处和来源网址：http://www.divcss5.com/html5/h54959.shtml