jquery购物车实时结算特效实现思路
jquery购物车实时结算特效实现思路
发布时间:2016-12-30 来源:查字典编辑
摘要:复制代码代码如下:$(function(){$(".child_tabtr:last-child").find("td").css({bor...

复制代码 代码如下:

$(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教程学习
编程开发子分类