jquery购物车实时结算特效实现思路


Posted in Javascript onSeptember 23, 2013
$(function(){ 
$(".child_tab tr:last-child").find("td").css({borderBottom:'none'}) 
//获得文本框对象 
var t = $(".amount-input"); 
//数量增加操作 
$(".amount-up").click(function(e){ 
var c1=parseInt($(this).prev().val()); 
$(this).prev().val(c1+1); 
e.preventDefault() 
setTotal(); 
}); 
//数量减少操作 
$(".amount-down").click(function(e){ 
var c1=parseInt($(this).next().val()); 
if(c1>=1){ 
$(this).next().val(c1-1); 
}; 
e.preventDefault() 
setTotal(); 
}); 
function setTotal(){ 
//取每个条件的值 
var num1=$(".sum1").text(); 
var num2=$(".sum2").text(); 
var num3=$(".sum3").text(); 
var total=0; 
var x1=4,x2=10,x3=49; 
//遍历合计件数 
t.each(function(index,ele){ 
total+=parseInt($(ele).val()); 
}); 
$(".figure").html(total); 
//判断个数满足哪个要求 
if(total<x2){ 
b2=num1 
}else if(total>=x2&&total<=x3){ 
b2=num2 
}else if(total>=x3){ 
b2=num3 
} 
$(".money").html((total*b2).toFixed(2)+'元');//toFixed()是保留小数点的函数很实用哦 
} 
//初始化 
setTotal(); })
Javascript 相关文章推荐
一个加密JavaScript的开源工具PACKER2.0.2
Nov 04 Javascript
javascript修改表格背景色实例代码分享
Dec 10 Javascript
jQuery.position()方法获取不到值的安全替换方法
Mar 13 Javascript
jquery制做精致的倒计时特效
Jun 13 Javascript
特殊日期提示功能的实现方法
Jun 16 Javascript
js 获取范围内的随机数实例代码
Aug 02 Javascript
解决vue组件中使用v-for出现告警问题及v for指令介绍
Nov 11 Javascript
微信小程序实现图片上传功能
May 28 Javascript
Vue异步组件处理路由组件加载状态的解决方案
Sep 07 Javascript
刷新页面后让控制台的js代码继续执行
Sep 20 Javascript
webstorm建立vue-cli脚手架的傻瓜式教程
Sep 22 Javascript
jQuery实现推拉门效果
Oct 19 jQuery
js下拉菜单语言选项简单实现
Sep 23 #Javascript
js禁止页面刷新禁止用F5键刷新禁止右键的示例代码
Sep 23 #Javascript
读取input:file的路径并显示本地图片的方法
Sep 23 #Javascript
js/html光标定位的实现代码
Sep 23 #Javascript
JS加jquery简单实现标签元素的显示或隐藏
Sep 23 #Javascript
JQuery操作单选按钮以及复选按钮示例
Sep 23 #Javascript
通过AJAX的JS、JQuery两种方式解析XML示例介绍
Sep 23 #Javascript
You might like
MVC模式的PHP实现
2006/10/09 PHP
第五章 php数组操作
2011/12/30 PHP
PHP面向对象程序设计之类常量用法实例
2014/08/20 PHP
Windows下的PHP 5.3.x安装 Zend Guard Loader教程
2014/09/06 PHP
php采用curl实现伪造IP来源的方法
2014/11/21 PHP
php实现登陆模块功能示例
2016/10/20 PHP
jquery基础教程之deferred对象使用方法
2014/01/22 Javascript
JavaScript通过正则表达式实现表单验证电话号码
2014/03/07 Javascript
js打开windows上的可执行文件示例
2014/05/27 Javascript
JavaScript数据类型判定的总结笔记
2015/07/31 Javascript
个人网站留言页面(前端jQuery编写、后台php读写MySQL)
2016/05/03 Javascript
js实现当鼠标移到表格上时显示这一格全部内容的代码
2016/06/12 Javascript
又一枚精彩的弹幕效果jQuery实现
2016/07/25 Javascript
vue+node+webpack环境搭建教程
2017/11/05 Javascript
微信小程序中时间戳和日期的相互转换问题
2018/07/09 Javascript
vue 纯js监听滚动条到底部的实例讲解
2018/09/03 Javascript
jQuery实现获取及设置CSS样式操作详解
2018/09/05 jQuery
微信小程序rich-text富文本用法实例分析
2019/05/20 Javascript
TypeScript类型声明书写详解
2019/08/28 Javascript
js实现简单选项卡制作
2020/08/05 Javascript
vue中的计算属性和侦听属性
2020/11/06 Javascript
Python中优化NumPy包使用性能的教程
2015/04/23 Python
Python中字符串格式化str.format的详细介绍
2017/02/17 Python
Python面向对象基础入门之设置对象属性
2018/12/11 Python
Python高斯消除矩阵
2019/01/02 Python
python tkinter canvas 显示图片的示例
2019/06/13 Python
jupyter notebook 调用环境中的Keras或者pytorch教程
2020/04/14 Python
python Canny边缘检测算法的实现
2020/04/24 Python
HTML5 canvas基本绘图之绘制五角星
2016/06/27 HTML / CSS
英国排名第一的在线宠物用品商店:Monster Pet Supplies
2018/05/20 全球购物
中国京东和泰国中央集团合资的网站:JD CENTRAL
2020/08/22 全球购物
文字自荐书范文
2014/02/10 职场文书
党的群众路线教育实践活动心得体会
2014/03/03 职场文书
个人授权委托书
2014/09/15 职场文书
2015年政务公开工作总结
2015/05/19 职场文书
Nginx服务器添加Systemd自定义服务过程解析
2021/03/31 Servers