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

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

WBOY

Libérer： 2016-05-16 16:18:17

original

1184 Les gens l'ont consulté

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.

Étiquettes associées：

input jquery 数值方法

source：php.cn

Article précédent：Événements et méthodes de liaison du sélecteur JQuery pour modifier content_jquery Article suivant：Quelques problèmes dans le prototype du glisser-déposer Javascript (analyse du code ligne par ligne, permettant de comprendre facilement les principes du glisser-déposer)_compétences javascript

Déclaration de ce site Web

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

Derniers articles par auteur