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


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 相关文章推荐
2010年最佳jQuery插件整理
Dec 06 Javascript
简单常用的幻灯片播放实现代码
Sep 25 Javascript
简单的代码实现jquery定时器
Jan 03 Javascript
js身份证判断方法支持15位和18位
Mar 18 Javascript
jquery xMarquee实现文字水平无缝滚动效果
Apr 29 Javascript
微信小程序  wx.request合法域名配置详解
Nov 23 Javascript
利用vue-router实现二级菜单内容转换
Nov 30 Javascript
关于Vue.js一些问题和思考学习笔记(1)
Dec 02 Javascript
vue-cli 3.0 版本与3.0以下版本在搭建项目时的区别详解
Dec 11 Javascript
vuejs简单验证码功能完整示例
Jan 08 Javascript
echarts大屏字体自适应的方法步骤
Jul 12 Javascript
一分钟学会JavaScript中的try-catch
Dec 14 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绘制圆形的方法
2015/01/24 PHP
PHP+apc+ajax实现的ajax_upload上传进度条代码
2016/01/25 PHP
Ajax提交表单时验证码自动验证 php后端验证码检测
2016/07/20 PHP
php常用正则函数实例小结
2016/12/29 PHP
静态页面下用javascript操作ACCESS数据库(读增改删)的代码
2007/05/14 Javascript
关于IE、Firefox、Opera页面呈现异同 写脚本很痛苦
2009/08/28 Javascript
基于Jquery的简单&amp;简陋Tabs插件代码
2010/02/09 Javascript
node.js中的fs.realpathSync方法使用说明
2014/12/16 Javascript
JavaScript函数详解
2015/02/27 Javascript
javascript动态设置样式style实例分析
2015/05/13 Javascript
判断JS对象是否拥有某属性的方法推荐
2016/05/12 Javascript
jQuery的$.extend 浅拷贝与深拷贝
2017/03/08 Javascript
vue绑定设置属性的多种方式(5)
2017/08/16 Javascript
vue-router history模式下的微信分享小结
2018/07/05 Javascript
Vue使用watch监听一个对象中的属性的实现方法
2019/05/10 Javascript
layer.open组件获取弹出层页面变量、函数的实例
2019/09/25 Javascript
jQuery实现推拉门效果
2020/10/19 jQuery
python中dir函数用法分析
2015/04/17 Python
Python使用urllib2模块实现断点续传下载的方法
2015/06/17 Python
Python绘制的二项分布概率图示例
2018/08/22 Python
解决Python3.5+OpenCV3.2读取图像的问题
2018/12/05 Python
Puppeteer使用示例详解
2019/06/20 Python
Python使用itchat 功能分析微信好友性别和位置
2019/08/05 Python
Python try except异常捕获机制原理解析
2020/04/18 Python
Django 解决distinct无法去除重复数据的问题
2020/05/20 Python
Keras自动下载的数据集/模型存放位置介绍
2020/06/19 Python
matplotlib图例legend语法及设置的方法
2020/07/28 Python
用python实现一个简单的验证码
2020/12/09 Python
Charles & Colvard官网:美国莫桑石品牌
2019/06/05 全球购物
普通PHP程序员笔试题
2016/01/01 面试题
学习雷锋寄语大全
2014/04/11 职场文书
社会主义核心价值观主题教育活动总结
2015/05/07 职场文书
地球上的星星观后感
2015/06/02 职场文书
优秀学生干部主要事迹材料
2015/11/04 职场文书
JUnit5常用注解的使用
2021/07/02 Java/Android
Win11 Build 22000.829更新补丁KB5015882发布(附更新修复内容汇总)
2022/07/15 数码科技