這篇文章給大家分享的是有關jquery如何實現點擊加一個數字的內容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

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

方法：1、創(chuàng)建一個button按鈕并綁定click點擊事件，指定一個事件處理函數；2、在事件處理函數中，使用“$(數字對象).val();”語句獲取數值；3、使用“$(數字對象).val(數字值*1+1);”語句將獲取到的數值加1。

本教程操作環(huán)境：windows7系統(tǒng)、jquery1.10.0版本、Dell G3電腦。

jquery實現點擊加一個數字的方法

1、新建一個html文件，命名為test.html，用于講解如何用jquery實現鼠標點擊加號文本框內數字加1。使用input標簽創(chuàng)建一個文本框，并設置其默認值為1。設置input標簽的id為myput，主要用于下面通過該id獲得input對象。

在test.html文件內，使用button標簽創(chuàng)建一個按鈕，按鈕名稱為“+”加號。給button按鈕綁定onclick點擊事件，當按鈕被點擊時，執(zhí)行addone（）函數。

2、在js標簽中，創(chuàng)建addone()函數，在函數內，通過id(myput)獲是input對象，使用val()方法獲得它的值，再將獲得的值進行加1操作，再通過val()方法給input重新賦值，從而實現文本框數字加1操作。

在瀏覽器打開test.html文件，點擊加號，查看實現的效果。

點擊按鈕后

總結：

1、創(chuàng)建一個test.html文件。

2、在文件內，使用input標簽創(chuàng)建一個文本框，設置input標簽的id為myput，同時創(chuàng)建一個button按鈕，用于觸發(fā)執(zhí)行js函數。

3、在js標簽中，創(chuàng)建函數，在函數內，通過id(myput)獲是input對象，使用val()方法獲得它的值，再將獲得的值進行加1操作，再通過val()方法給input重新賦值，從而實現文本框數字加1操作。

注意事項

res值乘以1，主要用于將字符串轉換為數字類型。

感謝各位的閱讀！關于“jquery如何實現點擊加一個數字”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！