Jquery实现购物车物品数量的加减特效

今天网友翠儿在用Jquery实现购物车物品数量的加减特效的时候遇到问题来问我，我后来帮她解决了这个Jquery特效，如今把它整理出来分享给你们用，虽然功能比较简单，可是很实用。

 

主要包括了如下功能：

一、数量增长操做功能

二、数量减小操做功能

三、总价计算功能

四、自动判断数量到1的时候，减小操做按钮禁止点击，数量增长时自动恢复

五、保留小数点位数toFixed()函数很是实用

 

功能代码以下：

$(function(){
//得到文本框对象
var t = $("#text_box");
//数量增长操做
$("#add").click(function(){
t.val(parseInt(t.val())+1)
if (parseInt(t.val())!=1){
$('#min').attr('disabled',false);
}
setTotal();
})
//数量减小操做
$("#min").click(function(){
t.val(parseInt(t.val())-1);
if (parseInt(t.val())==1){
$('#min').attr('disabled',true);
}
setTotal();
})
//计算操做
function setTotal(){
$("#total").html((parseInt(t.val())*3.95).toFixed(2));//toFixed()是保留小数点的函数很实用哦
}
//初始化
setTotal();
})

 

 

效果以下：

 

在线演示

 

打包下载