jquery購物車實(shí)時(shí)結(jié)算特效實(shí)現(xiàn)思路
$(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實(shí)現(xiàn)自動(dòng)滾動(dòng)到頁面頂端的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)自動(dòng)滾動(dòng)到頁面頂端的方法,涉及jQuery針對(duì)頁面操作的相關(guān)技巧,需要的朋友可以參考下2015-05-05jQuery Ajax和getJSON獲取后臺(tái)普通json數(shù)據(jù)和層級(jí)json數(shù)據(jù)用法分析
這篇文章主要介紹了jQuery Ajax和getJSON獲取后臺(tái)普通json數(shù)據(jù)和層級(jí)json數(shù)據(jù)用法,結(jié)合實(shí)例形式分析了jQuery基于ajax操作json格式數(shù)據(jù)的相關(guān)技巧,需要的朋友可以參考下2016-06-06jQuery 1.4 15個(gè)你應(yīng)該知道的新特性(譯)
jQuery 1.4 最近剛剛發(fā)布. 這個(gè)版本可不是一個(gè)簡單的改進(jìn),它不僅包含了很多新的特性,還改進(jìn)了很多功能, 更在性能優(yōu)化方面下了很大功夫, 本文將對(duì)這些新的特性和增強(qiáng)的部分進(jìn)行討論,希望能對(duì)你有所幫助.2010-01-01jQuery實(shí)現(xiàn)圖片左右滾動(dòng)特效
這篇文章主要介紹了jQuery合作伙伴左右滾動(dòng)特效,功能實(shí)現(xiàn)非常簡單,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2015-08-08Jquery圖片延遲加載插件jquery.lazyload.js的使用方法
這篇文章主要介紹了Jquery圖片延遲加載插件jquery.lazyload.js的使用方法,需要的朋友可以參考下2014-05-05自己動(dòng)手制作jquery插件之自動(dòng)添加刪除行的實(shí)現(xiàn)
我們常常會(huì)遇到這樣的情況,一個(gè)系統(tǒng)中有大量的需要對(duì)一個(gè)行進(jìn)行復(fù)制添加,希望能夠進(jìn)行批量的操作,這個(gè)時(shí)候,我們就可以考慮把它做成一個(gè)jquery插件了.2011-10-10jquery表格內(nèi)容篩選實(shí)現(xiàn)思路及代碼
基于jquery實(shí)現(xiàn)表格內(nèi)容篩選,本文采用兩種方式實(shí)現(xiàn),感興趣的朋友可以參考下哈,希望對(duì)你學(xué)習(xí)jquery篩選有所幫助2013-04-04jQuery實(shí)現(xiàn)瀏覽器之間跳轉(zhuǎn)并傳遞參數(shù)功能【支持中文字符】
這篇文章主要介紹了jQuery實(shí)現(xiàn)瀏覽器之間跳轉(zhuǎn)并傳遞參數(shù)功能,具有支持中文字符傳輸?shù)墓δ?涉及jQuery編碼轉(zhuǎn)換、事件響應(yīng)、頁面跳轉(zhuǎn)等相關(guān)操作技巧,需要的朋友可以參考下2018-03-03