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


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 相关文章推荐
javascript 正则替换 replace(regExp, function)用法
May 22 Javascript
jquery提升性能最佳实践小结
Dec 06 Javascript
基于jquery的bankInput银行卡账号格式化
Aug 22 Javascript
javascript读取文本节点方法小结
Dec 15 Javascript
js实现图片轮播效果学习笔记
Jul 26 Javascript
IE11下使用canvas.toDataURL报SecurityError错误的解决方法
Nov 19 Javascript
Vue封装的可编辑表格插件方法
Aug 28 Javascript
Vue中的Props(不可变状态)
Sep 29 Javascript
jQuery无冲突模式详解
Jan 17 jQuery
validform表单验证的实现方法
Mar 08 Javascript
vue发送websocket请求和http post请求的实例代码
Jul 11 Javascript
react使用CSS实现react动画功能示例
May 18 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 根据自增id创建唯一编号类
2017/04/06 PHP
PHP编程计算两个时间段是否有交集的实现方法(不算边界重叠)
2017/05/30 PHP
JavaScript中Array 对象相关的几个方法
2006/12/22 Javascript
JS 非图片动态loading效果实现代码
2010/04/09 Javascript
JavaScript中的关键字&quot;VAR&quot;使用详解 分享
2013/07/31 Javascript
对于this和$(this)的个人理解
2013/09/08 Javascript
JQuery插件iScroll实现下拉刷新,滚动翻页特效
2014/06/22 Javascript
浅谈JavaScript的事件
2015/02/27 Javascript
javascript的正则匹配方法学习
2016/02/24 Javascript
JS中使用apply、bind实现为函数或者类传入动态个数的参数
2016/04/26 Javascript
去除html代码里面的script正则方法
2016/05/19 Javascript
Angular使用ng-messages与PHP进行表单数据验证
2016/12/28 Javascript
深究AngularJS中ng-drag、ng-drop的用法
2017/06/12 Javascript
基于AngularJS的拖拽文件上传的实例代码
2017/07/15 Javascript
微信小程序实现留言板功能
2018/11/02 Javascript
javascript数组的定义及操作实例
2019/11/10 Javascript
记一次react前端项目打包优化的方法
2020/03/30 Javascript
OpenLayers3实现图层控件功能
2020/09/25 Javascript
[43:57]LGD vs Mineski 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
python输入错误密码用户锁定实现方法
2017/11/27 Python
Python unittest单元测试框架总结
2018/09/08 Python
Python数据集切分实例
2018/12/08 Python
Python选择网卡发包及接收数据包
2019/04/04 Python
numpy.random模块用法总结
2019/05/27 Python
浅谈python元素如何去重,去重后如何保持原来元素的顺序不变
2020/02/28 Python
Rhone官方网站:男士运动服装、健身服装和高级运动服
2019/05/01 全球购物
Janie and Jack美国官网:GAP旗下的高档童装品牌
2019/09/09 全球购物
编程输出如下图形
2013/11/24 面试题
大学生大二自我鉴定
2013/10/28 职场文书
英语商务邀请函范文
2014/01/16 职场文书
劳动保障个人工作总结
2015/03/04 职场文书
大学生违纪检讨书范文
2015/05/07 职场文书
班主任班级管理心得体会
2016/01/07 职场文书
如何利用pygame实现打飞机小游戏
2021/05/30 Python
SpringBoot整合Mybatis Generator自动生成代码
2021/08/23 Java/Android
正则表达式拆分url实例代码
2022/02/24 Java/Android