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

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.

Verwandte Etiketten：

input jquery 数值方法

Quelle：php.cn

Vorheriger Artikel：JQuery-Selektor-Bindungsereignisse und -methoden zum Ändern von content_jquery Nächster Artikel：Einige Probleme im Prototyp von Javascript Drag & Drop (Analyse des Codes Zeile für Zeile, sodass Sie die Prinzipien von Drag & Drop leicht verstehen können)_Javascript-Kenntnisse

Erklärung dieser Website

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

Neueste Artikel des Autors