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 相关文章推荐
用js判断用户浏览器是否是XP SP2的IE6
Mar 08 Javascript
使用JQuery进行跨域请求
Jan 25 Javascript
jquery固定底网站底部菜单效果
Aug 13 Javascript
原始的js代码和jquery对比体会
Sep 10 Javascript
jQuery的显示和隐藏方法与css隐藏的样式对比
Oct 18 Javascript
javascript简单实现命名空间效果
Mar 06 Javascript
JS获取浏览器语言动态加载JS文件示例代码
Oct 31 Javascript
JS中使用DOM来控制HTML元素
Jul 31 Javascript
微信小程序实现折叠面板
Jan 31 Javascript
Vue实现点击按钮复制文本内容的例子
Nov 09 Javascript
JavaScript实现像雪花一样的Hexaflake分形
Jul 07 Javascript
基于ajax实现上传图片代码示例解析
Dec 03 Javascript
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
php侧拉菜单 漂亮,可以向右或者向左展开,支持FF,IE
2009/10/15 PHP
PHP也能干大事 随机函数
2015/04/14 PHP
php通过文件头判断格式的方法
2016/05/28 PHP
php+ajax简单实现全选删除的方法
2016/12/06 PHP
百度留言本js 大家可以参考下
2009/10/13 Javascript
Javascript this 关键字 详解
2014/10/22 Javascript
javascript中cookie对象用法实例分析
2015/01/30 Javascript
JavaScript实现控制打开文件另存为对话框的方法
2015/04/17 Javascript
手机端页面rem宽度自适应脚本
2015/05/20 Javascript
easyui form validate总是返回false的原因及解决方法
2016/11/07 Javascript
nodeJS微信分享
2017/12/20 NodeJs
简述vue状态管理模式之vuex
2018/08/29 Javascript
vue-router 起步步骤详解
2019/03/26 Javascript
[01:36:57]【09DOTA2第一视角】小骷髅
2014/04/16 DOTA
python实现代码行数统计示例分享
2014/02/10 Python
测试、预发布后用python检测网页是否有日常链接
2014/06/03 Python
python使用WMI检测windows系统信息、硬盘信息、网卡信息的方法
2015/05/15 Python
从局部变量和全局变量开始全面解析Python中变量的作用域
2016/06/16 Python
Python Tkinter模块实现时钟功能应用示例
2018/07/23 Python
pycharm配置当鼠标悬停时快速提示方法参数
2019/07/31 Python
flask框架自定义url转换器操作详解
2020/01/25 Python
Python实现查找数据库最接近的数据
2020/06/08 Python
神经网络训练采用gpu设置的方式
2021/03/03 Python
CSS3制作半透明边框(Facebox)类似渐变
2012/12/09 HTML / CSS
html svg生成环形进度条的实现方法
2019/09/23 HTML / CSS
瑞典多品牌连锁店:Johnells
2021/01/13 全球购物
2014村务公开实施方案
2014/02/25 职场文书
考核评语大全
2014/04/29 职场文书
捐助贫困学生倡议书
2014/05/16 职场文书
会议接待欢迎标语
2014/10/08 职场文书
忠诚教育学习心得体会
2016/01/23 职场文书
创业计划书介绍
2019/04/24 职场文书
2019幼儿教师求职信(3篇)
2019/09/20 职场文书
python用海龟绘图写贪吃蛇游戏
2021/06/18 Python
详细聊聊Oracle表碎片对性能有多大的影响
2022/03/19 Oracle
win11高清晰音频管理器在哪里?win11找不到高清晰音频管理器解决办法
2022/04/08 数码科技