<pre>
<div class="quantity">
<input type="number" name="qty" id="qty" value="1" class="form-qty form-control" min="1">
<div class="quantity-nav">
<div class="quantity-button quantity-up qty-up">+</div>
<div class="quantity-button quantity-down qty-down">-</div>
</div>
</div>
<pre>
This is loop.I want to get input value when i click quantity up & down button each time. There are multiple elements.
How to find input value in javascript by clicking button up & down.
3 Réponses :
Vous pouvez utiliser Veuillez vérifier le code ci-dessous: < / strong> là, vous pouvez trouver un violon de travail:
https://jsbin.com/tavalocoti/5/edit?html, JS, console, sortie localStorage pour stocker la valeur de votre quantité, cela créerait les données persistants.
Vous pouvez ajouter p> onclick code> événement avec Parents code> pour détecter les entrées à proximité du bouton.
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div>
<div class="quantity">
<input type="number" name="qty" value="1" class="form-qty form-control" min="1">
<div class="quantity-nav">
<div class="quantity-button quantity-up qty-up">+</div>
<div class="quantity-button quantity-down qty-down">-</div>
</div>
</div>
<div class="quantity">
<input type="number" name="qty" value="1" class="form-qty form-control" min="1">
<div class="quantity-nav">
<div class="quantity-button quantity-up qty-up">+</div>
<div class="quantity-button quantity-down qty-down">-</div>
</div>
</div>
<div class="quantity">
<input type="number" name="qty" value="1" class="form-qty form-control" min="1">
<div class="quantity-nav">
<div class="quantity-button quantity-up qty-up">+</div>
<div class="quantity-button quantity-down qty-down">-</div>
</div>
</div>
</div>
En fait, votre problème est assez facile à résoudre.
Essayez d'ajouter ce script à la fin de votre p> code> Tags pour vos contrôles.
J'ai ajouté une certaine logique sur les attributs min / max / étapes que vous pouvez définir sur un
<div class="quantity">
<input type="number" name="qty" id="qty" value="1" class="form-qty form-control" min="1">
<div class="quantity-nav">
<button class="quantity-button quantity-up qty-up">+</button>
<button class="quantity-button quantity-down qty-down">-</button>
</div>
<!-- I put it here to show the output result -->
<div class="output">1</div>
</div>
Veuillez fournir du code afin que nous puissions quelque peu comprendre ce que vous voulez réaliser.
Puisqu'il s'agit d'une boucle, vous devez être conscient des identifiants en double ... Êtes-vous capable d'utiliser JQuery Lib?
Le COE donné ne fournit aucune boucle. Qu'avez-vous essayé de "obtenir une valeur d'entrée"? Où exactement êtes-vous coincé?
Voici un violon jsfiddle.net/n6dh34zf laissez-moi savoir si cela aide