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

！doctypehtml public '-//W3C//DTDHTML 4.01 transitional//EN '

超文本标记语言

meta http-equiv=' content-type ' content=' text/html；字符集=UTF-8 '

头

标题打折后价格计算/title

！-设置计算价格事件函数，取不同下拉打折数，计算结果送入文字框-

scripttype='text/javascript '

functioncalculator(){

var prices=文档。getelementbyid(' price ')；

var折扣=凭证。GetElementbyID(' number ')；

varpay

var select=文档。GetElementbyID(' pay function ')；

if((prices.value=0！isNaN(prices.value))(折扣。值=0！isNaN(折扣。价值))价格。价值！=' '折扣。价值！='')

{

支付=价格。价值*折扣。价值；

开关(Parseint(选择。value)){

案例1:pay=pay * 0.5打破；

案例2:pay=pay * 0.8打破；

案例3:pay=pay * 0.6打破；

}

文件。getelementbyid(' result ').价值=支付

"警报("恭喜你，交易成功！');

}else

{

价格。焦点()；

价格。select()；

"警报("请输入正确的价格和数量（也不能为空)!');

}

}

/script

/head

！-定义界面格式，设置下拉表，设置计算价格事件-

身体

中心

form name=' discount ' action=' result。“JSP”方法=“post”

竞拍价格：输入类型=' text ' id=' price ' style=' width :150 px '/

购买数量：输入类型=' text ' id=' number ' style=' width :150 px '/

支付方式：selectid=' pay function ' style=' width :150 px '

optionvalue='1 '网银支付-打5折/option

optionvalue='2 '支付宝支付-打8折/option

选项值=' 3 '选定='真' q币支付-打6折/option

/select

预计总价：输入类型=' text ' id=' result ' style=' width :150 px '

输入类型=' button ' id=' all result ' value='计算总价onclick='calculator()'/

/form

/中心

/body

/html

本文转载自中文网