表html代码实现原理,技术大牛叙述HTML打折计算价格实现原理与脚本代码

这篇文章主要讲解的是HTML打折计算价格实现原理与脚本代码，文章内容非常详细，相信一定可以解决你的问题，需要的朋友可以参考下哦

复制代码代码如下:

打折后价格计算

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("请输入正确的价格和数量(也不能为空)！");

}

}

竞拍价格：

购买数量：

支付方式：

网银支付-打5折

支付宝支付-打8折

Q币支付-打6折

预计总价：