购物车选中得到价格实现示例


Posted in Javascript onJanuary 26, 2014
<!DOCTYPE html> 
<html> 
<head> 
<title>MyCart1.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> 
<meta http-equiv="description" content="this is my page"> 
<meta http-equiv="content-type" content="text/html; charset=UTF-8"> 
<!--<link rel="stylesheet" type="text/css" href="./styles.css">--> 
<script language = "javascript" type = "text/javascript"> 
function jisuan(obj){ 
var total = 0; 
var fruits = document.getElementsByName("fruit"); 
for(var i=0;i<fruits.length;i++){ 
if(fruits[i].checked){ 
total += parseFloat(fruits[i].value); 
} 
} 
myspan.innerText = total + "元"; 
} 
</script> 
</head> 
<body> 
<input type = "checkbox" name = "fruit" value = "10" onclick = "jisuan(this)">苹果 10元<br/> 
<input type = "checkbox" name = "fruit" value = "20" onclick = "jisuan(this)">香蕉 20元<br/> 
<input type = "checkbox" name = "fruit" value = "30" onclick = "jisuan(this)">西瓜 30元<br/> 
<input type = "checkbox" name = "fruit" value = "40" onclick = "jisuan(this)">栗子 40元<br/> 
<input type = "checkbox" name = "fruit" value = "50" onclick = "jisuan(this)">哈密瓜 50元<br/><br/> 
总价格是:<span id = "myspan">0元</span> 
</body> 
</html>

购物车选中得到价格实现示例
Javascript 相关文章推荐
效率高的Javscript字符串替换函数的benchmark
Aug 02 Javascript
构造函数+原型模式构造js自定义对象(最通用)
May 12 Javascript
js读写json文件实例代码
Oct 21 Javascript
原生js实现的贪吃蛇网页版游戏完整实例
May 18 Javascript
JavaScript 性能优化小结
Oct 12 Javascript
在WordPress中加入Google搜索功能的简单步骤讲解
Jan 04 Javascript
js实现多图左右切换功能
Aug 04 Javascript
Bootstrap 轮播(Carousel)插件
Dec 26 Javascript
jquery.form.js异步提交表单详解
Apr 25 jQuery
vue自定义js图片碎片轮播图切换效果的实现代码
Apr 28 Javascript
浅谈JavaScript节流和防抖函数
Aug 25 Javascript
浅析我对JS延迟异步脚本的思考
Oct 12 Javascript
动态添加option及createElement使用示例
Jan 26 #Javascript
js和jquery使按钮失效为不可用状态的方法
Jan 26 #Javascript
js中创建对象的几种方式示例介绍
Jan 26 #Javascript
Jquery创建层显示标题和内容且随鼠标移动而移动
Jan 26 #Javascript
js加入收藏以及使用Jquery更改透明度
Jan 26 #Javascript
JS对象转换为Jquery对象示例
Jan 26 #Javascript
JavaScript原型链示例分享
Jan 26 #Javascript
You might like
PHP jQuery表单,带验证具体实现方法
2014/02/15 PHP
Mac系统下安装PHP Xdebug
2018/03/30 PHP
PHP5中使用mysqli的prepare操作数据库的介绍
2019/03/18 PHP
Javascript学习笔记5 类和对象
2010/01/11 Javascript
Js日期选择器并自动加入到输入框中示例代码
2013/08/02 Javascript
JavaScript实现的encode64加密算法实例分析
2015/04/15 Javascript
Jquery中request和request.form和request.querystring的区别
2015/11/26 Javascript
JavaScript模块化开发之SeaJS
2015/12/13 Javascript
浅析ES6的八进制与二进制整数字面量
2016/08/30 Javascript
JS图片放大效果简单实现代码
2016/09/08 Javascript
js for循环倒序输出数组元素的实例
2017/03/01 Javascript
Angular2下使用pdf插件的方法详解
2017/04/29 Javascript
vue2的todolist入门小项目的详细解析
2017/05/11 Javascript
Angular2安装angular-cli
2017/05/21 Javascript
在vue-cli脚手架中配置一个vue-router前端路由
2017/07/03 Javascript
微信小程序request请求后台接口php的实例详解
2017/09/20 Javascript
vue自定义一个v-model的实现代码
2018/06/21 Javascript
[59:00]OG vs TNC 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
python自带tkinter库实现棋盘覆盖图形界面
2019/07/17 Python
50行Python代码获取高考志愿信息的实现方法
2019/07/23 Python
python requests使用socks5的例子
2019/07/25 Python
python爬虫 线程池创建并获取文件代码实例
2019/09/28 Python
Win10下安装并使用tensorflow-gpu1.8.0+python3.6全过程分析(显卡MX250+CUDA9.0+cudnn)
2020/02/17 Python
Python 中由 yield 实现异步操作
2020/05/04 Python
html5 div布局与table布局详解
2016/11/16 HTML / CSS
HTML5 文件上传下载的实例代码
2017/07/03 HTML / CSS
野兽派官方旗舰店:THE BEAST 野兽派
2016/08/05 全球购物
机关财务管理制度
2014/01/17 职场文书
护士毕业自我鉴定
2014/02/07 职场文书
竞选团支书演讲稿
2014/04/28 职场文书
旅游与环境专业求职信
2014/06/05 职场文书
先进党支部事迹材料2016
2016/02/26 职场文书
2019年妇科护士的自我鉴定(3篇)
2019/09/26 职场文书
HAM-2000摩机图
2021/04/22 无线电
Python数据分析入门之数据读取与存储
2021/05/13 Python
解决Laravel使用验证时跳转到首页的问题
2021/11/17 PHP