js制作的简易购物车
2017-08-16 12:18
513 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>简易购物车</title> <script type="text/javascript"> function cal(){ var num= parseInt(document.myform.num.value); var price=parseFloat(document.myform.price.value); var cost=parseFloat(document.myform.cost.value); var amount=num*price+cost; document.myform.amount.value=amount; } </script> </head> <body> <form action="" name="myform" method="post"> <table width="533" height="133" border="1" bgcolor="antiquewhite" align="center"> <tr align="center"> <td colspan="5"><h2>简易购物车<h2/></td> </tr> <tr align="center"> <td>商品名称</td> <td >数量(件)</td> <td>单价(美元)</td> <td>运费(美元)</td> <td><input type="button"value=" 合计 "onClick="cal()"></td> </tr> <tr> <td>跑跑道具</td> <td><input type="text" name="num"size="10"></td> <td><input type="text" name="price"size="10"></td> <td><input type="text"name="cost"size="10"></td> <td><input type="text" name="amount"size="10">美元</td> </tr> </table> </form> </body> </html>
相关文章推荐
- 使用node.js制作简易爬虫
- 用JS制作简易的可切换的年历,类似于选项卡
- 制作一个简易的相册用js
- 使用JS制作简易图片轮播效果
- 【动画】简易制作贝塞尔曲线动画(JS+css3+canvas)
- 制作JS广告的简易入门(一)
- 利用JSP与JS实现简易购物车
- 用JS制作简易选项卡
- js制作简易年历完整实例
- 制作 JS 广告的简易入门(二)利用 CSS3 技术制作广告
- (19)-- 制作简易JS购物选项
- 原生js实现简易购物车效果
- commander.js 制作简易的 MINA CLI 脚手架
- angular制作简易购物车
- js-简易幻灯片制作
- JS制作简易日历
- 学习js简易年历的制作
- 原生js结合html5制作小飞龙的简易跳球
- 用js制作的简易图片浏览
- js简易选项卡制作