javascript - jQuery input number spinner -
मुझे jQuery स्पिनर अप-डाउन संख्या के लिए यह कोड है:
HTML:
< पूर्व> & lt; div class = "container" & gt; & Lt; div वर्ग = "इनपुट-समूह स्पिनर" & gt; & Lt; इनपुट प्रकार = "टेक्स्ट" वर्ग = "फॉर्म-कंट्रोल" मान = "42" & gt; & Lt; div वर्ग = "इनपुट-समूह-बीटीएन-ऊर्ध्वाधर" & gt; & Lt; div वर्ग = "बीटीएन बीटीएन-डीफॉल्ट" & gt; & lt; i वर्ग = "एफए-कैरिट-अप" & gt; & lt; / i & gt; & lt; / div & gt; & Lt; div वर्ग = "बीटीएन बीटीएन-डीफॉल्ट" & gt; & lt; i वर्ग = "एफए-कैरेट-डाउन" & gt; & lt; / i & gt; & lt; / div & gt; & Lt; / div & gt; & Lt; / div & gt; & Lt; / div & gt;
जेएस:
(फ़ंक्शन ($) {$ ('स्पिनर। बीटीएन: प्रथम-के-प्रकार')। पर ('क्लिक' Val (), 10) + 1);}); $ ('स्पिनर। बीटीएन: आखिरी बार' (स्पिनर इनपुट) ('स्पिनर इनपुट') ('स्पिनर इनपुट')। Val (), 10) - 1);}) ;}) (JQuery);
यह काम किया है लेकिन मुझे दो विकल्प जोड़ने की जरूरत है:
- उपयोगकर्ता को इनपुट के लिए नंबर जोड़ने से रोकें
- संख्या के लिए अधिकतम और न्यूनतम सेट करें
यह विकल्प कैसे जोड़ सकता है?!
डेमो
यह करने के लिए jQuery के साथ ऐसा करने के लिए मुझे लगता है कि आप चाहते हैं:
$ (दस्तावेज़) .ready (function () {// लोगों को टाइप करने से रोकें $ ('स्पिनर इनपुट ')। कुंजीपटल (फ़ंक्शन (ई) {ई.प्रेवेंट डीफॉल्ट (); वापसी वापस;}); var मिननंबर = 1; var अधिकतमएनम्बर = 10; $ (' स्पिनर .बीटीएन: पहले-के-प्रकार ')। 'क्लिक', फ़ंक्शन () (यदि ($ ('स्पिनर इनपुट')। Val () == maxNumber) {वापसी झूठी;} और {$ (स्पिनर इनपुट ')। Val (parseInt ($ ('। स्पिनर इनपुट ')। वेल (), 10) + 1);}}); $ (' स्पिनर। बीटीएन: आखिरी प्रकार ')। पर (' क्लिक ', फ़ंक्शन () {if ($ (' (स्पिनर इनपुट ')। Val (pars) ईआईएन ($ (स्पिनर इनपुट ')। Val (), 10) - 1); }}); });
मैंने जांच नहीं की है लेकिन बहुत सटीक होना चाहिए
कार्यशील बेला:
Comments
Post a Comment