jQuery快速實現(xiàn)商品數(shù)量加減的方法
更新時間：2017年02月06日 13:55:16 作者：哲哲別
這篇文章主要介紹了 jQuery快速實現(xiàn)商品數(shù)量加減的方法,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
廢話不多說了，直接給大家貼代碼了，具體代碼如下所示：
<!-- 快速實現(xiàn)數(shù)量加減 -->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
//獲得文本框?qū)ο?
var t = $("#text_box");
//初始化數(shù)量為1,并失效減
$('#min').attr('disabled',true);
//數(shù)量增加操作
$("#add").click(function(){
// 給獲取的val加上絕對值，避免出現(xiàn)負(fù)數(shù)
t.val(Math.abs(parseInt(t.val()))+1);
if (parseInt(t.val())!=1){
$('#min').attr('disabled',false);
};
})
//數(shù)量減少操作
$("#min").click(function(){
t.val(Math.abs(parseInt(t.val()))-1);
if (parseInt(t.val())==1){
$('#min').attr('disabled',true);
};
})
});
</script>
</head>
<body>
<input id="min" name="" type="button" value="-" />
<input id="text_box" name="" type="text" value="1" style="width:30px;text-align: center"/>
<input id="add" name="" type="button" value="+" />
</body>
</html>
實現(xiàn)數(shù)量加減，就是這么簡單！
以上所述是小編給大家介紹的jQuery快速實現(xiàn)商品數(shù)量加減的方法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
這篇文章主要介紹了jquery html添加元素/刪除元素操作,結(jié)合實例形式詳細(xì)分析了jquery html添加元素/刪除元素相關(guān)函數(shù)功能、用法及操作注意事項,需要的朋友可以參考下2020-05-05
這篇文章主要介紹了jQuery表單驗證功能,涉及jquery針對表單項的讀取與正則判定技巧,非常具有實用價值,需要的朋友可以參考下2015-08-08
Jquery.TreeView結(jié)合ASP.Net和數(shù)據(jù)庫生成菜單導(dǎo)航條
在網(wǎng)上瀏覽了許多關(guān)于利用Jquery.TreeView插件生成樹的例子！但是大多數(shù)都沒有結(jié)合數(shù)據(jù)庫來生成樹，很難運(yùn)用到實際項目中！2010-08-08
這篇文章主要介紹了jQuery的text()方法用法,以實例形式詳細(xì)分析了jQuery的text()方法的定義、參數(shù)與具體用法,具有一定的參考借鑒價值,需要的朋友可以參考下2014-12-12
jQuery使用prepend()方法在元素前添加內(nèi)容用法實例
這篇文章主要介紹了jQuery使用prepend()方法在元素前添加內(nèi)容的方法,實例分析了prepend方法追加內(nèi)容的使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03
下面小編就為大家?guī)硪黄獪\談jquery的map()和each()方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-06-06
jquery點擊頁面任何區(qū)域?qū)崿F(xiàn)鼠標(biāo)焦點十字效果
鼠標(biāo)點擊聚焦，地圖定位，在圖片上突出顯示，焦點定位頁面元素，這些都是在系統(tǒng)開發(fā)是經(jīng)常需要用到的，下面為大家介紹下具體的實現(xiàn)，感興趣的朋友可以參考下哈2013-06-06
本篇文章主要是對jquery中$.post()方法的簡單實例進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-02-02
基于$.ajax()方法從服務(wù)器獲取json數(shù)據(jù)的幾種方式總結(jié)
下面小編就為大家分享一篇基于$.ajax()方法從服務(wù)器獲取json數(shù)據(jù)的幾種方式總結(jié)，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01
表單驗證功能在項目中經(jīng)常會用得到，接下來給大家介紹使用jquery實現(xiàn)智能表單驗證功能實例代碼，對jquery實現(xiàn)表單驗證功能相關(guān)資料感興趣的朋友一起學(xué)習(xí)吧2016-03-03