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


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 相关文章推荐
jquery刷新页面的实现代码(局部及全页面刷新)
Jul 11 Javascript
jQuery中focus事件用法实例
Dec 26 Javascript
JavaScript中setUTCFullYear()方法的使用简介
Jun 12 Javascript
Bootstrap 粘页脚效果
Mar 28 Javascript
javascript代码调试之console.log 用法图文详解
Sep 30 Javascript
基于pako.js实现gzip的压缩和解压功能示例
Jun 13 Javascript
图片加载完成再执行事件的实例
Nov 16 Javascript
如何用JavaScript实现功能齐全的单链表详解
Feb 11 Javascript
ES6 class的应用实例分析
Jun 27 Javascript
微信小程序canvas截取任意形状的实现代码
Jan 13 Javascript
JavaScript 实现自己的安卓手机自动化工具脚本(推荐)
May 13 Javascript
Vue实现简单的留言板
Oct 23 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中的密码安全性Password Hashing
2017/02/04 PHP
PHP使用finfo_file()函数检测上传图片类型的实现方法
2017/04/18 PHP
推荐一些非常不错的javascript学习资源站点
2007/08/29 Javascript
用js做一个小游戏平台 (一)
2009/12/29 Javascript
jQuery的运行机制和设计理念分析
2011/04/05 Javascript
JavaScript原型链示例分享
2014/01/26 Javascript
jquery中获得元素尺寸和坐标的方法整理
2014/05/18 Javascript
js鼠标点击图片实现随机变换图片的方法
2015/02/16 Javascript
简介JavaScript中用于处理正切的Math.tan()方法
2015/06/15 Javascript
javascript设计简单的秒表计时器
2020/09/05 Javascript
微信小程序 wx.request方法的异步封装实例详解
2017/05/18 Javascript
深入理解Webpack 中路径的配置
2017/06/17 Javascript
vue树形结构获取键值的方法示例
2018/06/21 Javascript
解决vuejs项目里css引用背景图片不能显示的问题
2018/09/13 Javascript
JavaScript检查数据中是否存在相同的元素(两种方法)
2018/10/07 Javascript
vue.js实现的全选与全不选功能示例【基于elementui】
2018/12/03 Javascript
elementUI table表格动态合并的示例代码
2019/05/15 Javascript
JS防抖和节流实例解析
2019/09/24 Javascript
WebStorm中如何将自己的代码上传到github示例详解
2020/10/28 Javascript
[01:09]模型精美,特效酷炫!TI9不朽宝藏Ⅰ鉴赏
2019/05/10 DOTA
Python日期操作学习笔记
2008/10/07 Python
跟老齐学Python之通过Python连接数据库
2014/10/28 Python
详解使用python crontab设置linux定时任务
2016/12/08 Python
python使用两种发邮件的方式smtp和outlook示例
2017/06/02 Python
Python排序搜索基本算法之选择排序实例分析
2017/12/09 Python
Python装饰器简单用法实例小结
2018/12/03 Python
Python类和对象的定义与实际应用案例分析
2018/12/27 Python
Python数据报表之Excel操作模块用法分析
2019/03/11 Python
HTML5中在title标题标签里设置小图标的方法
2020/06/23 HTML / CSS
英国在线药房和在线医生:LloydsPharmacy
2019/10/21 全球购物
摩飞电器俄罗斯官方网站:Morphy Richards俄罗斯
2020/07/30 全球购物
毕业证丢失证明范本
2014/09/20 职场文书
师德标兵事迹材料
2014/12/19 职场文书
班级元旦晚会开幕词
2015/01/29 职场文书
vue+spring boot实现校验码功能
2021/05/27 Vue.js
Java Redisson多策略注解限流
2022/09/23 Java/Android