jquery購物車實時結(jié)算特效實現(xiàn)思路
更新時間：2013年09月23日 11:37:50 作者：
購物車是可以實時結(jié)算，下面為大家解釋下通過jquery是如何實現(xiàn)的，感興趣的朋友可以了解下
復(fù)制代碼 代碼如下:
$(function(){
$(".child_tab tr:last-child").find("td").css({borderBottom:'none'})
//獲得文本框?qū)ο?
var t = $(".amount-input");
//數(shù)量增加操作
$(".amount-up").click(function(e){
var c1=parseInt($(this).prev().val());
$(this).prev().val(c1+1);
e.preventDefault()
setTotal();
});
//數(shù)量減少操作
$(".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;
//遍歷合計件數(shù)
t.each(function(index,ele){
total+=parseInt($(ele).val());
});
$(".figure").html(total);
//判斷個數(shù)滿足哪個要求
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()是保留小數(shù)點的函數(shù)很實用哦
}
//初始化
setTotal();
})
您可能感興趣的文章:
- jquery購物車結(jié)算功能實現(xiàn)方法
- 純jquery實現(xiàn)模仿淘寶購物車結(jié)算
- jQuery實現(xiàn)購物車表單自動結(jié)算效果實例
- jQuery實現(xiàn)購物車多物品數(shù)量的加減+總價計算
- jQuery實現(xiàn)加入購物車飛入動畫效果
- 基于JQuery實現(xiàn)的類似購物商城的購物車
- JQuery實現(xiàn)的購物車功能(可以減少或者添加商品并自動計算價格)
- jQuery實現(xiàn)購物車數(shù)字加減效果
- jQuery實現(xiàn)類似淘寶購物車全選狀態(tài)示例
- jquery實現(xiàn)手機(jī)端單店鋪購物車結(jié)算刪除功能
相關(guān)文章
jQuery修改DOM結(jié)構(gòu)_動力節(jié)點Java學(xué)院整理
這篇文章主要介紹了jQuery修改DOM結(jié)構(gòu)的相關(guān)知識，需要的的朋友參考下吧2017-07-07
基于JQUERY的多級聯(lián)動實現(xiàn)代碼，需要的朋友可以參考下，另外腳本之家特為大家多整理了幾個大家可以測試下2012-01-01
jquery 想必大家早已如雷貫耳，本文整理了一些在實際應(yīng)用中比較常見的功能片段，感興趣的朋友可以學(xué)習(xí)下哦，需要改進(jìn)的地方希望大家不惜指教2013-08-08
JQuery.uploadify 上傳文件插件的使用詳解 for ASP.NET
今天下午整理文件上傳的例子，感覺收集到的例子都很不人性話，后來找到一個還可以的，本來想改成類似于騰訊QQ相冊那種方式，仔細(xì)看了一下是Flash的, 而且那個極速上傳插件也不知道用什么做的？問了一下，說是什么cgi. 搞得一頭霧水2010-01-01
jquery attr()設(shè)置和獲取屬性值實例教程
在JS中設(shè)置節(jié)點的屬性與屬性值用到setAttribute(),獲得節(jié)點的屬性與屬性值用到getAttribute(),而在jquery中，只需要用到attr()這個函數(shù)就可以了。attr是attribute（屬性）的縮寫。2016-09-09
這篇文章主要介紹了jQuery內(nèi)部原理和實現(xiàn)方式淺析,本文試圖從整體來闡述一下jQuery的內(nèi)部實現(xiàn),需要的朋友可以參考下2015-02-02
本章節(jié)主要介紹了jQuery在HTML中動態(tài)插入節(jié)點的各種方法,制作成表格，方便大家對比學(xué)習(xí)，需要的朋友可以參考下2015-03-03
本篇文章主要是對利用js(jquery)操作Cookie的方法進(jìn)行了詳細(xì)的說明介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
這篇文章主要介紹了一個實用的圖片切換支持點擊切換和自動輪播，經(jīng)測試效果相當(dāng)不錯，需要的朋友可以參考下2014-09-09
這篇文章主要介紹了JQuery中DOM事件冒泡用法,實例分析了事件冒泡的原理與阻止冒泡的方法,需要的朋友可以參考下2015-06-06