Comment utiliser jQuery pour incrémenter et décrémenter les valeurs d'entrée_jquery

L'exemple de cet article décrit comment utiliser jQuery pour implémenter l'incrémentation et la décrémentation des valeurs d'entrée. Partagez-le avec tout le monde pour votre référence. L'analyse spécifique est la suivante :

Dans de nombreux sites de commerce électronique, lorsqu'il s'agit de la quantité de marchandises sur la page où se trouve le panier, un bouton et un bouton - seront prévus pour augmenter et diminuer de 1, et n'autoriser que des valeurs numériques à saisir dans la saisie. Le plug-in Bootstrap TouchSpin est écrit pour répondre à ce besoin. (Cliquez ici pour télécharger le plug-in Bootstrap TouchSpin depuis ce site .)

Introduisez d’abord les fichiers CSS et js nécessaires.

Copier le code Le code est le suivant :

1. Contrôler la précision et l'incrémentation et la décrémentation automatiques des valeurs numériques

Copier le code Le code est le suivant :

         

                                  

                                                                                                                                                                                                
                                                                                                                                                                                                                                                                   

● Cliquez sur le bouton numérique pour l'augmenter de 0,1 ● Cliquez sur le bouton - pour diminuer la valeur de 0,1

● Gardez 2 décimales

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


2. Seuls les nombres entiers commençant à 1 sont autorisés, ce qui est également une pratique courante sur les pages de panier

Copier le code Le code est le suivant :

         

                                  

                                                                                                                                                                                                  
                                                                                                                                                                                                                                                                   

● 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.

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Événements et méthodes de liaison du sélecteur JQuery pour modifier content_jqueryArticle suivant：Événements et méthodes de liaison du sélecteur JQuery pour modifier content_jquery

Articles Liés

Voir plus

• Une analyse approfondie du composant de groupe de liste Bootstrap
• Explication détaillée du currying de la fonction JavaScript
• Exemple complet de génération de mot de passe JS et de détection de force (avec téléchargement du code source de démonstration)
• Angularjs intègre l'interface utilisateur WeChat (weui)
• Comment basculer rapidement entre le chinois traditionnel et le chinois simplifié avec JavaScript et l'astuce permettant aux sites Web de prendre en charge le basculement entre les compétences en chinois simplifié et traditionnel_javascript