So verwenden Sie jQuery zum Erhöhen und Verringern von Eingabewerten_jquery

Das Beispiel in diesem Artikel beschreibt, wie Sie mit jQuery das Inkrementieren und Dekrementieren von Eingabewerten implementieren. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:

Wenn es um die Menge der Waren auf der Seite geht, auf der sich der Warenkorb befindet, werden auf vielen E-Commerce-Websites Schaltflächen und Schaltflächen „-“ zum Erhöhen und Verringern um 1 bereitgestellt, die nur numerische Werte zulassen in die Eingabe einzutragen. Das Bootstrap TouchSpin-Plug-in wurde geschrieben, um diesen Bedarf zu erfüllen. (Klicken Sie hier, um das Bootstrap TouchSpin-Plug-in von dieser Website herunterzuladen .)

Führen Sie zunächst die erforderlichen CSS- und JS-Dateien ein.

Code kopieren Der Code lautet wie folgt:

1. Kontrollieren Sie die Genauigkeit und die automatische Erhöhung und Verringerung numerischer Werte

Code kopieren Der Code lautet wie folgt:

         

                                  

                                                                                                                                                                                      
                                                                                                                                                                                                                                                              

● Klicken Sie auf die Zahlenschaltfläche, um den Wert um 0,1 zu erhöhen ● Klicken Sie auf die Schaltfläche „-“, um den Wert um 0,1 zu verringern

● Behalten Sie 2 Dezimalstellen bei

● Minimal zulässiger Wert 0,00
● Maximal zulässiger Wert 100,00
● Es dürfen nur Zahlenwerte eingegeben werden, ansonsten geht der Fokus verloren und der Minimalwert wird als 0,00
angezeigt

2. Es sind nur Ganzzahlen ab 1 zulässig, was auch auf Warenkorbseiten üblich ist

Code kopieren Der Code lautet wie folgt:

         

                                  

                                                                                                                                                                                                  
                                                                                                                                                                                                                                                                   

● Cliquez sur le bouton numérique pour l'augmenter de 1 ● Cliquez sur le bouton - pour le décrémenter de 1

● Valeur minimale autorisée 1

● Valeur maximale autorisée 100
● Seules les valeurs numériques peuvent être saisies, sinon le focus sera perdu et la valeur minimale 1 sera affichée

Comme pour les autres usages, les amis intéressés peuvent se référer aux documents pertinents.

J'espère que cet article sera utile à la programmation jQuery de chacun.

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：JQuery-Selektor-Bindungsereignisse und -methoden zum Ändern von content_jqueryNächster Artikel：JQuery-Selektor-Bindungsereignisse und -methoden zum Ändern von content_jquery

In Verbindung stehende Artikel

Mehr sehen

• Eine eingehende Analyse der Bootstrap-Listengruppenkomponente
• Detaillierte Erläuterung des JavaScript-Funktions-Curryings
• Vollständiges Beispiel für die Generierung von JS-Passwörtern und die Erkennung der Stärke (mit Download des Demo-Quellcodes)
• Angularjs integriert WeChat UI (weui)
• Wie man mit JavaScript schnell zwischen traditionellem Chinesisch und vereinfachtem Chinesisch wechselt und wie Websites den Wechsel zwischen vereinfachtem und traditionellem Chinesisch unterstützen – Javascript-Kenntnisse