jQuery Girl
  1. jQuery Girl
  3. Incrémenter la valeur de textinput avec jquery comme spinner
Intereting Posts
Déplacer contenant des éléments de haut en bas avec jquery Comment formater la date et l’heure avec les modèles jQuery? Concaténer le sélecteur dans jQuery? Téléchargement de plusieurs fichiers HTML5: téléchargez un par un via AJAX Comment envoyer un tableau javascript à cherrypy Comment afficher une div en haut de la page en position fixe? Le contenu chargé en Ajax n’hérite pas de CSS Ajax / jQuery pour utiliser un tableau pour remplir une table dans laravel jQuery Validate – Événement réussi? Puis-je tester si l’URL est accessible en utilisant AJAX + cross-domain + jsonp? jQuery anchor click, “this”, “e.target” – renvoie l’URL «Access-Control-Allow-Origin: *» n’a aucune influence sur le service Web REST. Appliquer jquery mobile seulement une partie de la page? Changer l’encodage de la chaîne JavaScript JS se lance avant CSS

Incrémenter la valeur de textinput avec jquery comme spinner

Essayez de créer un simple effet de rotation avec Jquery, c’est-à-dire deux boutons (haut et bas) avec un champ de texte. Le bouton haut augmente la valeur tandis que le bouton bas décroît la valeur. incréments + ou – 1.

Toutes les suggestions que ui.spinner est la plus déf. ne fonctionne pas et je suis nouveau à jquery. doit être quelque chose comme $(#up).click (function ( /*SOMETHING GOES IN HERE but what?*/ )) et de même pour #down. tous les deux pour régler le champ de saisie, dites id #test comme ci-dessus.

Peut-être quelque chose comme: 

 $(document).ready( function() { var el = $('#test'); function change( amt ) { el.val( parseInt( el.val(), 10 ) + amt ); } $('#up').click( function() { change( 1 ); } ); $('#down').click( function() { change( -1 ); } ); } );

Démo: http://jsbin.com/akiki

Jetez un coup d’œil à cette démo – j’ai constaté que cela fonctionnait mieux que tous ceux que j’ai essayés

Surtout si vous utilisez des thèmes jquery ui

http://btburnett.com/spinner/example/example.html

Avec le code de base de @rfunduk, j’ai créé ceci: 

 $(document).ready( function() { var el = $('#quantity_wanted'); function change( amt ) { if (el.val() == '') { var newValue = 1; } else { var newValue = parseInt( el.val(), 10 ) + amt; } if (newValue > 0) { el.val( newValue ); } } $('#cart_quantity_up').click( function() { change( 1 ); } ); $('#cart_quantity_down').click( function() { change( -1 ); } ); } );