jQuery implémente l'effet d'addition et de soustraction des numéros de panier

jQuery implémente l'effet d'addition et de soustraction des numéros de panier_jquery

WBOY

Libérer： 2016-05-16 16:09:34

original

1760 Les gens l'ont consulté

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. Cet article présentera plusieurs méthodes courantes d'utilisation des spinners numériques pour implémenter des fonctions d'addition et de soustraction numériques.

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. La méthode d'appel est très simple. Veuillez consulter l'exemple de démonstration 1.

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 bootstrap, vous pouvez l'appeler directement. Veuillez voir l'exemple de démonstration 2
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. Veuillez voir l'exemple de démonstration 3

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 est tout le contenu décrit dans cet article. J'espère que vous l'aimerez et qu'il vous aidera à maîtriser jQuery. 