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


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 相关文章推荐
另类调用flash无须激活的方法
Dec 27 Javascript
JavaScript 仿关机效果的图片层
Dec 26 Javascript
jQuery页面滚动浮动层智能定位实例代码
Aug 23 Javascript
Fixie.js 自动填充内容的插件
Jun 28 Javascript
JavaScript中实现最高效的数组乱序方法
Oct 11 Javascript
jQuery使用append在html元素后同时添加多项内容的方法
Mar 26 Javascript
对js中回调函数的一些看法
Aug 29 Javascript
KnockoutJS 3.X API 第四章之表单textInput、hasFocus、checked绑定
Oct 11 Javascript
Javascript动画效果(4)
Oct 11 Javascript
实现隔行换色效果的两种方式【实用】
Nov 27 Javascript
20170918 前端开发周报之JS前端开发必看
Sep 18 Javascript
Vue.js中使用Vuex实现组件数据共享案例
Jul 31 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 处理TXT文件(打开/关闭/检查/读取)
2013/05/13 PHP
使用PHP Socket 编程模拟Http post和get请求
2014/11/25 PHP
整理php防注入和XSS攻击通用过滤
2015/09/13 PHP
PHP实现多图上传(结合uploadify插件)思路分析
2016/11/30 PHP
用javascript获得地址栏参数的两种方法
2006/11/08 Javascript
jQuery最佳实践完整篇
2011/08/20 Javascript
在js中判断checkboxlist(.net控件客户端id)是否有选中
2013/04/11 Javascript
javascript截取字符串(通过substring实现并支持中英文混合)
2013/06/24 Javascript
基于jquery的手风琴图片展示效果实现方法
2014/12/16 Javascript
JS实现双击编辑可修改状态的方法
2015/08/14 Javascript
jQuery Validation Plugin验证插件手动验证
2016/01/26 Javascript
用JS生成UUID的方法实例
2016/03/30 Javascript
Bootstrap每天必学之轮播(Carousel)插件
2016/04/25 Javascript
清除js缓存的多种方法总结
2016/12/09 Javascript
详解使用vue-router进行页面切换时滚动条位置与滚动监听事件
2017/03/08 Javascript
Vue2.0实现将页面中表格数据导出excel的实例
2017/08/09 Javascript
vue脚手架搭建过程图解
2018/06/06 Javascript
js 递归json树实现根据子id查父id的方法分析
2019/11/08 Javascript
python和pyqt实现360的CLable控件
2014/02/21 Python
python正则表达式re模块详细介绍
2014/05/29 Python
Python使用poplib模块和smtplib模块收发电子邮件的教程
2016/07/02 Python
python itchat实现微信好友头像拼接图的示例代码
2017/08/14 Python
Django的用户模块与权限系统的示例代码
2019/07/24 Python
浅谈pytorch卷积核大小的设置对全连接神经元的影响
2020/01/10 Python
tensorflow 模型权重导出实例
2020/01/24 Python
Python运行异常管理解决方案
2020/03/09 Python
Python模拟伯努利试验和二项分布代码实例
2020/05/27 Python
keras实现VGG16方式(预测一张图片)
2020/07/07 Python
python连接手机自动搜集蚂蚁森林能量的实现代码
2021/02/24 Python
css3动画鼠标放上图片逐渐变大鼠标离开图片逐渐缩小效果
2021/01/27 HTML / CSS
ZINVO手表官网:男士和女士手表
2019/03/10 全球购物
公司行政专员岗位职责
2014/08/24 职场文书
2014年图书室工作总结
2014/12/09 职场文书
预备党员转正党小组意见
2015/06/01 职场文书
有关保护环境的宣传标语100条
2019/08/07 职场文书
MySQL大小写敏感的注意事项
2021/05/24 MySQL