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)負數(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的選擇器中的通配符,需要的朋友可以參考下2014-03-03
這篇文章主要介紹了jquery+php隨機生成紅包金額數(shù)量實現(xiàn)代碼，紅包數(shù)量與金錢可以自己設(shè)定，很實用的代碼，推薦給大家，有需要的小伙伴可以參考下。2015-08-08
這篇文章主要針對jQuery頁面刷新問題為大家進行詳細分析，包括局部刷新、全部刷新，感興趣的朋友可以參考一下2016-01-01
2008-01-01
jQuery實現(xiàn)可展開合攏的手風(fēng)琴面板菜單
這篇文章主要介紹了jQuery實現(xiàn)可展開合攏的手風(fēng)琴面板菜單,涉及jQuery中slideUp及slideDown方法的相關(guān)使用技巧,代碼簡單實用,具有一定參考借鑒價值,需要的朋友可以參考下2015-09-09
jQuery插件bxSlider實現(xiàn)響應(yīng)式焦點圖
bxSlider特性1.充分響應(yīng)各種設(shè)備，適應(yīng)各種屏幕；2.支持多種滑動模式，水平、垂直以及淡入淡出效果；3.支持圖片、視頻以及任意html內(nèi)容；4.支持觸摸滑動；5.支持Firefox，Chrome，Safari，iOS，Android，IE7+，下面我們就來詳細探討下吧。2015-04-04
jquery調(diào)用wcf并展示出數(shù)據(jù)的方法
網(wǎng)上看了很多jquery調(diào)用wcf的例子，可能是主機的原因，我用的是gd主機，所以都沒有成功，昨天自己搞了一天，終于成功了，現(xiàn)把方法和代碼和大家分享2011-07-07
jQuery 加上最后自己的驗證 這段代碼可以添加自定義的 jquery驗證，而不必單一的依靠在標簽中寫 validation="{}", 或者是代碼方式寫驗證規(guī)則，那樣都會在要驗證的控件后面寫出錯誤信息。2009-11-11
昨天看了妙味課堂的倒計時視頻，自己學(xué)著寫了下，需要的朋友可以參考下2012-05-05
實例中涉及到使用動畫方法animate，動畫停止方法Stop，其他詳情在示例代碼中都有注釋。2013-03-03