使用jQuery實作input數值增量和減量的方法_jquery

本文實例講述了使用jQuery實現input數值增量和減量的方法。分享給大家供大家參考。具體分析如下：

在很多電商網站中，在購物車所在頁面，涉及到商品數量的時候，都會提供一個 號按鈕和-號按鈕來實現增1和減1，並且只允許input中輸入數值。 Bootstrap TouchSpin這款外掛程式是針對此需求而寫。 （Bootstrap TouchSpin這款外掛點此本站下載。）

首先引入必要的css和js檔案。

複製程式碼 程式碼如下:

一、控制數值的精確度與自增自減量  

複製程式碼 程式碼如下:

       

           

               

                   
               

           

       

● 點選 號按鈕自增0.1
● 點選-號按鈕自減0.1
●保留2位元小數點
● 允許的最小數值0.00
● 允許的最大數值100.00
● 只允許輸入數值，否則失去焦點顯示最小值0.00

二、只允許從1開始的整數，這也是購物車頁面常用的做法

複製程式碼 程式碼如下:

       

           

               

                   
               

           

       

● 點選 號按鈕自增1
● 點選-號按鈕自減1
● 允許的最小數值1
● 允許的最大數值100
● 只允許輸入數值，否則失去焦點顯示最小值1

至於其它用法，有興趣的朋友可參考相關文件。

希望本文所述對大家的jQuery程式設計有所幫助。