jQuery réalise le résumé des effets d'addition et de soustraction numériques_jquery

Lorsque nous soumettons une commande pour des achats en ligne, il y a généralement un contrôle de sélection de quantité sur la page Web, obligeant l'acheteur à sélectionner le nombre d'articles à acheter. Le développeur effectuera ce contrôle afin d'affiner les opérations telles que l'ajout. et la soustraction peut être effectuée en cliquant. Bien entendu, vous pouvez également saisir directement le nombre de pièces.

Ajouter et soustraire des nombres à gauche et à droite

Par exemple, JD.com utilise actuellement l'effet d'addition et de soustraction de nombres à gauche et à droite lors de la soumission de commandes. Cet effet est simple et facile à utiliser. Nous utilisons le plug-in jquery.spinner.js pour ajouter et soustraire des nombres à gauche et à droite, et la méthode d'appel est très simple.

Copier le code Le code est le suivant :

L'appel est également très simple. Chargez d'abord le fichier de la bibliothèque jquery et jquery.spinner.js, puis utilisez le code suivant :

Copier le code Le code est le suivant :

$('.spinner').spinner();

Style bootstrap, plus et moins sur le côté droit

Bootstrap est populaire depuis longtemps et il existe de nombreux types d'applications basées sur le style bootstrap. Laissez-moi vous présenter un plug-in d'addition et de soustraction numérique basé sur bootstrap, qui peut définir la valeur minimale et la valeur maximale. , incrémenter et décrémenter (valeur de pas) et saisir les nombres manuellement.

Copier le code Le code est le suivant :

Après avoir chargé les fichiers CSS et js liés au bootstrap, vous pouvez voir directement l'effet de page. Si votre projet est basé sur le bootstrap, vous pouvez l'appeler directement.

Vous pouvez également vous référer à l'adresse du projet :
https://github.com/xixilive/jquery-spinner

pour afficher les paramètres pertinents.

Style d'interface utilisateur jQuery, addition et soustraction sur le côté droit
jQuery ui fournit également un plug-in d'addition et de soustraction de nombres, qui peut définir la valeur minimale, la valeur maximale, l'incrémentation et la décrémentation (valeur de pas) et saisir manuellement des nombres.

Copier le code

Le code est le suivant : Si votre projet utilise jquery ui, vous pouvez appeler jquery ui pour implémenter la fonction d'ajout et de soustraction de nombres.

Copier le code

Le code est le suivant :

$("#spinner").spinner({ maximum:10, Min : 0, Étape : 2 });

Ce qui précède sont les méthodes que j'utilise dans mon projet pour ajouter et soustraire des nombres avec jQuery. Elles sont compilées et partagées avec tout le monde. Bien que les fonctions soient relativement simples, elles sont très pratiques.