购物计算器
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>
<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>
相关文章推荐
- Hadoop伪分布搭建
- python学习手册之Scrapy学习
- 鸟哥的Linux私房菜(服务器)- 第七章、网络安全与主机基本防护: 限制端口, 网络升级与 SELinux
- Js 内各种宽度
- 10000小时学习英语 国外旅游无压力 同声传译更大的目标
- 用Python来合并图片(SoEasy)
- LeetCode -- Unique Paths
- Bean
- css inline-block方式实现水平导航栏 解决空白问题
- vmware虚拟机迁移导致的eth0消失问题
- Hadoop2.20集群搭建
- git
- 鸟哥的Linux私房菜(服务器)- 第六章、 Linux 网络侦错
- 金字塔
- arm-linux-gcc/ncurses的安装和使用,arm-linux-gcc: 没有那个文件或目录
- LINUX-vmstat命令讲解
- 242. Valid Anagram
- 鸟哥的Linux私房菜(服务器)- 第五章、 Linux 常用网络指令
- 邮箱注册
- [我的PHP之旅] YII框架学习 03.连接数据库(使用ActiveRecord)