您的位置:首页 > 其它

购物计算器

2016-02-25 12:46 288 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>购物车</title>

<script language="javascript">

function add()

{

var num=document.myform.num.value;

var price=document.myform.price.value;

var zhekou=document.myform.zk.value;

var total=num*price*zhekou*0.1;

document.myform.xj.value=(Math.round(total*100))/100;

}

function zj()

{

var total=document.myform.xj.value;

var yf=document.myform.yunfei.value;

document.myform.result.value=eval(total+"+"+yf);

}

</script>

</head>

<body>

<form action="#" method="post" name="myform">

<table>

<tr>

<td colspan="3"><h3><img src="image/shop.gif" width="60px" height="60px"/>您的购物车</h3></td>

<td colspan="7" valign="baseline"><h3></h3></td>

</tr>

<tr bgcolor="#339933">

<td><div align="center">商品</div></td>

<td><div align="center">数量</div></td>

<td><div align="center">单价(¥)</div></td>

<td><div align="center">折扣(几折)</div></td>

<td>  </td>

<td>小计(¥)</td>

<td>  </td>

<td>邮费(¥)</td>

<td>  </td>

<td>合计(¥)</td>

</tr>

<tr bgcolor="#33FF66">

<td>苹果</td>

<td><input type="text" size="20" name="num" value=""/></td>

<td><input type="text" name="price" size="20" value="20"/></td>

<td><input type="text" name="zk" size="20" value="9.5"/></td>

<td><input type="button" name="btn1" value="计算" onclick="add()"/></td>

<td><input type="text" name="xj" size="20"/></td>

<td> + </td>

<td><input type="text" name="yunfei" size="20" value="5"/></td>

<td><input type="button" name="btn2" value="总计" onclick="zj()"/></td>

<td><input type="text" name="result" value=""/></td>

</tr>

</table>

</form>

</body>

</html>





内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: