jQuery快速實(shí)現(xiàn)商品數(shù)量加減的方法
更新時(shí)間：2017年02月06日 13:55:16 作者：哲哲別
這篇文章主要介紹了 jQuery快速實(shí)現(xiàn)商品數(shù)量加減的方法,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
廢話不多說(shuō)了，直接給大家貼代碼了，具體代碼如下所示：
<!-- 快速實(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加上絕對(duì)值，避免出現(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>
實(shí)現(xiàn)數(shù)量加減，就是這么簡(jiǎn)單！
以上所述是小編給大家介紹的jQuery快速實(shí)現(xiàn)商品數(shù)量加減的方法，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
這篇文章主要介紹了jQuery的選擇器中的通配符,需要的朋友可以參考下2014-03-03
jquery+php隨機(jī)生成紅包金額數(shù)量代碼分享
這篇文章主要介紹了jquery+php隨機(jī)生成紅包金額數(shù)量實(shí)現(xiàn)代碼，紅包數(shù)量與金錢(qián)可以自己設(shè)定，很實(shí)用的代碼，推薦給大家，有需要的小伙伴可以參考下。2015-08-08
jQuery頁(yè)面刷新(局部、全部)問(wèn)題分析
這篇文章主要針對(duì)jQuery頁(yè)面刷新問(wèn)題為大家進(jìn)行詳細(xì)分析，包括局部刷新、全部刷新，感興趣的朋友可以參考一下2016-01-01
用jQuery實(shí)現(xiàn)檢測(cè)瀏覽器及版本的腳本代碼
2008-01-01
jQuery實(shí)現(xiàn)可展開(kāi)合攏的手風(fēng)琴面板菜單
這篇文章主要介紹了jQuery實(shí)現(xiàn)可展開(kāi)合攏的手風(fēng)琴面板菜單,涉及jQuery中slideUp及slideDown方法的相關(guān)使用技巧,代碼簡(jiǎn)單實(shí)用,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-09
jQuery插件bxSlider實(shí)現(xiàn)響應(yīng)式焦點(diǎn)圖
bxSlider特性1.充分響應(yīng)各種設(shè)備，適應(yīng)各種屏幕；2.支持多種滑動(dòng)模式，水平、垂直以及淡入淡出效果；3.支持圖片、視頻以及任意html內(nèi)容；4.支持觸摸滑動(dòng)；5.支持Firefox，Chrome，Safari，iOS，Android，IE7+，下面我們就來(lái)詳細(xì)探討下吧。2015-04-04
jquery調(diào)用wcf并展示出數(shù)據(jù)的方法
網(wǎng)上看了很多jquery調(diào)用wcf的例子，可能是主機(jī)的原因，我用的是gd主機(jī)，所以都沒(méi)有成功，昨天自己搞了一天，終于成功了，現(xiàn)把方法和代碼和大家分享2011-07-07
jQuery 加上最后自己的驗(yàn)證 這段代碼可以添加自定義的 jquery驗(yàn)證，而不必單一的依靠在標(biāo)簽中寫(xiě) validation="{}", 或者是代碼方式寫(xiě)驗(yàn)證規(guī)則，那樣都會(huì)在要驗(yàn)證的控件后面寫(xiě)出錯(cuò)誤信息。2009-11-11
基于jQuery的倒計(jì)時(shí)實(shí)現(xiàn)代碼
昨天看了妙味課堂的倒計(jì)時(shí)視頻，自己學(xué)著寫(xiě)了下，需要的朋友可以參考下2012-05-05
JQuery動(dòng)畫(huà)和停止動(dòng)畫(huà)實(shí)例代碼
實(shí)例中涉及到使用動(dòng)畫(huà)方法animate，動(dòng)畫(huà)停止方法Stop，其他詳情在示例代碼中都有注釋。2013-03-03