大概原理就是设置计算价格事件函数,取不同下拉打折数,计算结果送入文字框,感兴趣的朋友可以参考下
代码如下:
打折后价格计算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折
预计总价:
更多HTML打折计算价格原理与脚本代码相关文章请关注PHP中文网!
声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理