jQuery實現(xiàn)的購物車物品數(shù)量加減功能代碼
本文實例講述了jQuery實現(xiàn)的購物車物品數(shù)量加減功能。分享給大家供大家參考，具體如下：
今天網(wǎng)友翠兒在用Jquery實現(xiàn)購物車物品數(shù)量的加減特效的時候遇到問題來問我，我后來幫她解決了這個Jquery特效，現(xiàn)在把它整理出來分享給大家用，雖然功能比較簡單，但是很實用。
主要包括了以下功能：
1、數(shù)量增加操作功能
2、數(shù)量減少操作功能
3、總價計算功能
4、自動判斷數(shù)量到1的時候，減少操作按鈕禁止點擊，數(shù)量增加時自動恢復(fù)
5、保留小數(shù)點位數(shù)toFixed()函數(shù)非常實用
功能代碼如下：
$(function(){
//獲得文本框?qū)ο?
var t = $("#text_box");
//數(shù)量增加操作
$("#add").click(function(){
t.val(parseInt(t.val())+1)
if (parseInt(t.val())!=1){
$('#min').attr('disabled',false);
}
setTotal();
})
//數(shù)量減少操作
$("#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()是保留小數(shù)點的函數(shù)很實用哦
}
//初始化
setTotal();
})
更多關(guān)于jQuery相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《jQuery擴展技巧總結(jié)》、《jQuery常用插件及用法總結(jié)》、《jQuery表格(table)操作技巧匯總》、《jquery中Ajax用法總結(jié)》、《jQuery常見經(jīng)典特效匯總》、《jQuery動畫與特效用法總結(jié)》及《jquery選擇器用法總結(jié)》
希望本文所述對大家jQuery程序設(shè)計有所幫助。
相關(guān)文章
jquery+css3實現(xiàn)熊貓tv導(dǎo)航代碼分享
本篇文章給大家詳細(xì)分享的是jquery+css3來寫出熊貓tv導(dǎo)航的效果，以及代碼分享，喜歡的朋友參考下。2018-02-02
ajax頁面無刷新 IE下遭遇Ajax緩存導(dǎo)致數(shù)據(jù)不更新的問題
在做ajax頁面無刷新添加的時候，IE下遭遇Ajax緩存，因為剛開始并不知道IE有這個壞毛病，折騰好久，終于解決問題,曬出來和大家分享，希望可以幫助你們2012-12-12
JQuery中阻止事件冒泡方式有哪些？本文為大家準(zhǔn)備了兩種阻止事件冒泡的方式，兩種方式的區(qū)別在于。return false 不僅阻止了事件往上冒泡，而且阻止了事件本身2014-01-01
瀑布流布局有兩種，一種是固定列，一種是非固定列。本文主要記述第一種的實現(xiàn)。需要的朋友可以參考借鑒2016-12-12
easyui datebox 時間限制，datebox開始時間限制結(jié)束時間，datebox截止日期比起始日期大的實現(xiàn)代碼
這篇文章主要介紹了easyui datebox 時間限制，datebox開始時間限制結(jié)束時間，datebox截止日期比起始日期大的實現(xiàn)代碼，需要的朋友參考下吧2017-01-01
逐一介紹Jquery data()、Jquery stop()、jquery delay()函數(shù)(詳)
這篇文章逐一介紹Jquery data()、Jquery stop()、jquery delay()函數(shù)(詳)的相關(guān)資料,需要的朋友可以參考下2015-11-11
非常簡單的一句話即可實現(xiàn)，大家可以看看。2009-04-04
基于jquery實現(xiàn)一個滾動的分步注冊向?qū)?附源碼
使用jQuery實現(xiàn)很多很有意思的應(yīng)用效果。我們在很多網(wǎng)站注冊會員時，需要填寫注冊表單，包括登錄信息、個人聯(lián)系信息等，本文將帶您一起體驗jQuery實現(xiàn)的一個可以滾動的十分友好的分步注冊向?qū)?，需要的朋友可以參考?/div> 2015-08-08
一直在尋找有關(guān)jQuery性能優(yōu)化方面的小竅門，能讓我那臃腫的動態(tài)網(wǎng)頁應(yīng)用變得輕便些，我決定將最好最常用的一些優(yōu)化性能的建議列出來,感興趣的你可不要錯過了哈，或許本文所提供的建議對你有所幫助2013-02-02
超簡單的jquery的AJAX用法,需要的朋友可以參考下。2010-05-05最新評論