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