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编程起步(第三课)
Feb 27 Javascript
Javascript 自适应高度的Tab选项卡
Apr 05 Javascript
javascript通过className来获取元素的简单示例代码
Jan 10 Javascript
jQuery实现的登录浮动框效果代码
Sep 26 Javascript
JS脚本实现动态给标签控件添加事件的方法
Jun 02 Javascript
Javascript 正则表达式校验数字的简单实例
Nov 02 Javascript
bootstrap选项卡使用方法解析
Jan 11 Javascript
AngularJS ng-repeat指令及Ajax的应用实例分析
Jul 06 Javascript
vue--点击当前增加class,其他删除class的方法
Sep 15 Javascript
解决layer.msg 不居中 ifram中的问题
Sep 05 Javascript
通过layer实现可输入的模态框的例子
Sep 27 Javascript
浅谈vue获得后台数据无法显示到table上面的坑
Aug 13 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+java实现自动新闻滚动窗口
2006/10/09 PHP
php+mysql开发中的经验与常识小结
2019/03/25 PHP
关于Yii中模型场景的一些简单介绍
2019/09/22 PHP
浅谈laravel框架sql中groupBy之后排序的问题
2019/10/17 PHP
javascript之通用简单的table选项卡实现(二)
2010/05/09 Javascript
javascript对talbe进行动态添加、删除、验证实现代码
2012/03/29 Javascript
setTimeout的延时为0时多个浏览器的区别
2012/05/23 Javascript
如何使用Jquery获取Form表单中被选中的radio值
2013/08/09 Javascript
javascript简单性能问题及学习笔记
2014/02/04 Javascript
jquery插件方式实现table查询功能的简单实例
2016/06/06 Javascript
AngularJS入门教程之路由与多视图详解
2016/08/19 Javascript
Angular Module声明和获取重载实例代码
2016/09/14 Javascript
javascript常用经典算法详解
2017/01/11 Javascript
js仿网易表单及时验证功能
2017/03/07 Javascript
JS实现上传图片的三种方法并实现预览图片功能
2017/07/14 Javascript
vue+mockjs模拟数据实现前后端分离开发的实例代码
2017/08/08 Javascript
简单了解vue中父子组件如何相互传递值(基础向)
2019/07/12 Javascript
在Vue 中获取下拉框的文本及选项值操作
2020/08/13 Javascript
python 简易计算器程序,代码就几行
2009/08/29 Python
python进阶教程之函数参数的多种传递方法
2014/08/30 Python
Python数据结构与算法之列表(链表,linked list)简单实现
2017/10/30 Python
Python实现的双色球生成功能示例
2017/12/18 Python
python实现批量注册网站用户的示例
2019/02/22 Python
Python+Selenium使用Page Object实现页面自动化测试
2019/07/14 Python
Django如何简单快速实现PUT、DELETE方法
2019/07/24 Python
python统计文章中单词出现次数实例
2020/02/27 Python
python tkinter之 复选、文本、下拉的实现
2020/03/04 Python
python字符串判断密码强弱
2020/03/18 Python
解决Python import .pyd 可能遇到路径的问题
2021/03/04 Python
canvas像素点操作之视频绿幕抠图
2018/09/11 HTML / CSS
XD健身器材:Kevlar球、Crossfit健身球
2019/03/26 全球购物
英国儿童鞋和靴子:Start-Rite
2019/05/06 全球购物
英国在线定做百叶窗网站:Make My Blinds
2020/08/17 全球购物
如何实现一个自定义类的序列化
2012/05/22 面试题
vite+vue3.0+ts+element-plus快速搭建项目的实现
2021/06/24 Vue.js
NGINX 权限控制文件预览和下载的实现原理
2022/01/18 Servers