jQuery怎么實現商品數量加減

這篇文章主要介紹了jQuery怎么實現商品數量加減的相關知識，內容詳細易懂，操作簡單快捷，具有一定借鑒價值，相信大家閱讀完這篇jQuery怎么實現商品數量加減文章都會有所收獲，下面我們一起來看看吧。

公司主營業(yè)務：網站制作、成都做網站、移動網站開發(fā)等業(yè)務。幫助企業(yè)客戶真正實現互聯網宣傳，提高企業(yè)的競爭能力。成都創(chuàng)新互聯是一支青春激揚、勤奮敬業(yè)、活力青春激揚、勤奮敬業(yè)、活力澎湃、和諧高效的團隊。公司秉承以“開放、自由、嚴謹、自律”為核心的企業(yè)文化，感謝他們對我們的高要求，感謝他們從不同領域給我們帶來的挑戰(zhàn)，讓我們激情的團隊有機會用頭腦與智慧不斷的給客戶帶來驚喜。成都創(chuàng)新互聯推出襄州免費做網站回饋大家。

具體代碼如下所示：

<!-- 快速實現數量加減 -->
<!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(){
//獲得文本框對象
var t = $("#text_box");
//初始化數量為1,并失效減
$('#min').attr('disabled',true);
 //數量增加操作
 $("#add").click(function(){ 
  // 給獲取的val加上絕對值，避免出現負數
  t.val(Math.abs(parseInt(t.val()))+1);
  if (parseInt(t.val())!=1){
  $('#min').attr('disabled',false);
  };
 }) 
 //數量減少操作
 $("#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" /> 
<input id="add" name="" type="button" value="+" /> 
</body> 
</html>

關于“jQuery怎么實現商品數量加減”這篇文章的內容就介紹到這里，感謝各位的閱讀！相信大家對“jQuery怎么實現商品數量加減”知識都有一定的了解，大家如果還想學習更多知識，歡迎關注創(chuàng)新互聯行業(yè)資訊頻道。

網站題目：jQuery怎么實現商品數量加減
本文URL：http://bm7419.com/article4/gegdie.html

成都網站建設公司_創(chuàng)新互聯，為您提供品牌網站設計、外貿網站建設、靜態(tài)網站、網站設計公司、移動網站建設、網頁設計公司

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯

成都定制網站網頁設計