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


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文件缓存之版本管理详解
Jul 05 Javascript
js确认删除对话框效果的示例代码
Feb 20 Javascript
jquery实现的随机多彩tag标签随机颜色和字号大小效果
Mar 27 Javascript
js淡入淡出的图片轮播效果代码分享
Aug 24 Javascript
jquery用ajax方式从后台获取json数据后如何将内容填充到下拉列表
Aug 26 Javascript
JS实现的简单鼠标跟随DiV层效果完整实例
Oct 31 Javascript
详解JS中遍历语法的比较
Apr 07 Javascript
使用 Javascript 实现浏览器推送提醒功能的示例
Nov 03 Javascript
Vue封装一个简单轻量的上传文件组件的示例
Mar 21 Javascript
vue.js编译时给生成的文件增加版本号
Sep 17 Javascript
超详细动手搭建一个VuePress 站点及开启PWA与自动部署的方法
Jan 27 Javascript
js实现弹幕墙效果
Dec 10 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
《心理测量者3》剧场版动画预告
2020/03/02 日漫
PHP时间戳使用实例代码
2008/06/07 PHP
PHP中英混合字符串截取函数代码
2011/07/17 PHP
Yii核心组件AssetManager原理分析
2014/12/02 PHP
php魔法函数与魔法常量使用介绍
2017/07/23 PHP
PHP日期和时间函数的使用示例详解
2020/08/06 PHP
php解析非标准json、非规范json的方式实例
2020/12/10 PHP
PHP常用字符串输出方法分析(echo,print,printf及sprintf)
2021/03/09 PHP
强制设为首页代码
2006/06/19 Javascript
appendChild() 或 insertBefore()使用与区别介绍
2013/10/11 Javascript
以JSON形式将JS中Array对象数组传至后台的方法
2014/01/06 Javascript
Angular.JS中的this指向详解
2017/05/17 Javascript
angularjs $http实现form表单提交示例
2017/06/09 Javascript
jQuery选择器_动力节点Java学院整理
2017/07/05 jQuery
详解VueJS 数据驱动和依赖追踪分析
2017/07/26 Javascript
VUE 自定义组件模板的方法详解
2019/08/30 Javascript
原生js实现随机点名
2020/07/05 Javascript
详解js中的几种常用设计模式
2020/07/16 Javascript
采用python实现简单QQ单用户机器人的方法
2014/07/03 Python
Python中使用scapy模拟数据包实现arp攻击、dns放大攻击例子
2014/10/23 Python
机器学习python实战之手写数字识别
2017/11/01 Python
将Dataframe数据转化为ndarry数据的方法
2018/06/28 Python
python实现AES加密解密
2019/03/28 Python
python聚类算法解决方案(rest接口/mpp数据库/json数据/下载图片及数据)
2019/08/28 Python
numpy矩阵数值太多不能全部显示的解决
2020/05/14 Python
Python flask框架实现浏览器点击自定义跳转页面
2020/06/04 Python
JustFab加拿大:女鞋、靴子、手袋和服装在线
2018/05/18 全球购物
法国高保真音响和家庭影院商店:Son Video
2019/04/26 全球购物
关爱留守儿童倡议书
2014/04/15 职场文书
售后服务承诺书模板
2014/05/21 职场文书
群众路线学习笔记范文
2014/11/06 职场文书
教师创先争优承诺书
2015/04/27 职场文书
入党团支部推荐意见
2015/06/02 职场文书
企业宣传稿范文
2015/07/23 职场文书
2020年基层司法所建设情况调研报告
2019/11/30 职场文书
Java集成swagger文档组件
2021/06/28 Java/Android