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


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 相关文章推荐
js获取变量
Aug 24 Javascript
JS的数组的扩展实例代码
Jul 09 Javascript
分享精心挑选的12款优秀jQuery Ajax分页插件和教程
Aug 09 Javascript
JQuery调用WebServices的方法和4个实例
May 06 Javascript
Javascript中setTimeOut和setInterval的定时器用法
Jun 12 Javascript
Jquery基础教程之DOM操作
Aug 19 Javascript
非常实用的vue导航钩子
Mar 20 Javascript
jquery对table做排序操作的实例演示
Aug 10 jQuery
React组件对子组件children进行加强的方法
Jun 23 Javascript
vue配置nprogress实现页面顶部进度条
Sep 21 Javascript
Vue.js中Line第三方登录api的实现代码
Jun 29 Javascript
Vue提供的三种调试方式你知道吗
Jan 18 Vue.js
动态添加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 iconv 函数转gb2312的bug解决方法
2009/10/11 PHP
php实现首页链接查询 友情链接检查的代码
2010/01/05 PHP
PHP 数组排序方法总结 推荐收藏
2010/06/30 PHP
PHP+Mysql+jQuery实现发布微博程序 jQuery篇
2011/10/08 PHP
php验证手机号码(支持归属地查询及编码为UTF8)
2013/02/01 PHP
PHP常见漏洞攻击分析
2016/02/21 PHP
根据key删除数组中指定的元素实现方法
2017/03/02 PHP
对于Laravel 5.5核心架构的深入理解
2018/02/22 PHP
jQuery帮助之筛选查找 children([expr])
2011/01/31 Javascript
AJAX 网页保留浏览器前进后退等功能
2011/02/12 Javascript
实用的JS正则表达式(手机号码/IP正则/邮编正则/电话等)
2013/01/11 Javascript
Js表格万条数据瞬间加载实现代码
2014/02/20 Javascript
同一个网页中实现多个JavaScript特效的方法
2015/02/02 Javascript
使用jQuery实现图片遮罩半透明坠落遮挡
2015/03/16 Javascript
jQuery UI插件自定义confirm确认框的方法
2015/03/20 Javascript
nodejs实现bigpipe异步加载页面方案
2016/01/26 NodeJs
JavaScript+CSS实现的可折叠二级菜单实例
2016/02/29 Javascript
JavaScript知识点总结(五)之Javascript中两个等于号(==)和三个等于号(===)的区别
2016/05/31 Javascript
JavaScript来实现打开链接页面的简单实例
2016/06/02 Javascript
node.js 中间件express-session使用详解
2017/05/20 Javascript
Vue2.0中集成UEditor富文本编辑器的方法
2018/03/03 Javascript
nodejs简单访问及操作mysql数据库的方法示例
2018/03/15 NodeJs
webpack 开发和生产并行设置的方法
2018/11/08 Javascript
JS div匀速移动动画与变速移动动画代码实例
2019/03/26 Javascript
[49:20]2014 DOTA2国际邀请赛中国区预选赛5.21 CIS VS TongFu
2014/05/22 DOTA
Python制作钉钉加密/解密工具
2016/12/07 Python
Pandas之groupby( )用法笔记小结
2019/07/23 Python
基于Python测试程序是否有错误
2020/05/16 Python
CSS3 制作旋转的大风车(充满童年回忆)
2013/01/30 HTML / CSS
美国咖啡批发网站:Coffee.org
2017/06/29 全球购物
幼儿园大班区域活动总结
2014/07/09 职场文书
暑期培训班策划方案
2014/08/26 职场文书
语文复习计划
2015/01/19 职场文书
利用python做表格数据处理
2021/04/13 Python
Spring Boot 实现敏感词及特殊字符过滤处理
2021/06/29 Java/Android
如何使用pdb进行Python调试
2021/06/30 Python