首頁 > web前端 > js教程 > 主體

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

WBOY
發布: 2016-05-16 16:18:17
原創
1199 人瀏覽過

本文實例講述了使用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程式設計有所幫助。

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板