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


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 相关文章推荐
在你的网页中嵌入外部网页的方法
Apr 02 Javascript
js 验证密码强弱的小例子
Mar 21 Javascript
js/jQuery简单实现选项卡功能
Jan 02 Javascript
Javascript中3个需要注意的运算符
Apr 02 Javascript
jQuery fadeOut 异步实例代码详解
Aug 18 Javascript
Bootstrap 模态框(Modal)插件代码解析
Dec 21 Javascript
简单实现js选项卡切换效果
Feb 09 Javascript
jQuery实现动态给table赋值的方法示例
Jul 04 jQuery
微信小程序使用scroll-view标签实现自动滑动到底部功能的实例代码
Nov 09 Javascript
ES6 Symbol数据类型的应用实例分析
Jun 26 Javascript
JS通过识别id、value值对checkbox设置选中状态
Feb 19 Javascript
vue elementUI批量上传文件
Apr 26 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
介绍几个array库的新函数 php
2006/12/29 PHP
php获取远程文件大小
2015/10/20 PHP
PHP读取CSV大文件导入数据库的实例
2017/07/24 PHP
针对thinkPHP5框架存储过程bug重写的存储过程扩展类完整实例
2018/06/16 PHP
EXTJS内使用ACTIVEX控件引起崩溃问题的解决方法
2010/03/31 Javascript
JS基础之undefined与null的区别分析
2011/08/08 Javascript
Egret引擎开发指南之视觉编程
2014/09/03 Javascript
利用jquery操作Radio方法小结
2014/10/20 Javascript
jQuery基础知识小结
2014/12/22 Javascript
Javascript常用小技巧汇总
2015/06/24 Javascript
JavaScript脚本库编写的方法
2015/12/09 Javascript
js中常用的Tab切换效果(推荐)
2016/08/30 Javascript
JavaScript实现点击按钮复制指定区域文本(推荐)
2016/11/25 Javascript
smartupload实现文件上传时获取表单数据(推荐)
2016/12/12 Javascript
微信小程序  TLS 版本必须大于等于1.2问题解决
2017/02/22 Javascript
js删除数组中的元素delete和splice的区别详解
2018/02/03 Javascript
vue实现与安卓、IOS交互的方法
2018/11/02 Javascript
微信小程序自定义导航栏实例代码
2019/04/05 Javascript
vue滚动固定顶部及修改样式的实例代码
2019/05/30 Javascript
基于Vue SEO的四种方案(小结)
2019/07/01 Javascript
vue vantUI实现文件(图片、文档、视频、音频)上传(多文件)
2019/10/15 Javascript
解决vue-router路由拦截造成死循环问题
2020/08/05 Javascript
python使用标准库根据进程名如何获取进程的pid详解
2017/10/31 Python
python查看矩阵的行列号以及维数方式
2020/05/22 Python
Python建造者模式案例运行原理解析
2020/06/29 Python
使用OpenCV实现道路车辆计数的使用方法
2020/07/15 Python
Appium+Python实现简单的自动化登录测试的实现
2021/01/26 Python
英国高档时尚男装购物网站:MR PORTER
2016/08/09 全球购物
大学生专科毕业生自我评价
2013/11/17 职场文书
捐助倡议书
2015/01/19 职场文书
亮剑观后感500字
2015/06/05 职场文书
文明礼仪主题班会
2015/08/13 职场文书
2016年乡镇综治宣传月活动总结
2016/03/16 职场文书
500字作文之关于爸爸
2019/11/14 职场文书
Python 使用 Frame tkraise() 方法在 Tkinter 应用程序中的Frame之间切换
2022/04/24 Python
SpringBoot详解执行过程
2022/07/15 Java/Android