J'ai quelques cases à cocher avec dynamique Je veux pouvoir afficher le prix de données avec une valeur minimale lorsque le DOM est prêt et, bien sûr, que mon Case à cocher avec la valeur minimale du prix Démarrage vérifiée. P> Voici mon code: p> p> prix-prix code> généré à l'aide de php code>.
OnCliquez sur cette case à cocher, j'ai mis à jour un div code> qui affiche le prix.
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input class="price" type="checkbox" data-price="1000">item 1<br>
<input class="price" type="checkbox" data-price="200">item 2<br>
<input class="price" type="checkbox" data-price="6000">item 3<br>
<br><br><br>
<div id="showPrice">0000 €</div>
4 Réponses :
avec array.Reduce peut être facilement résolu
p>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <input class="price" type="checkbox" data-price="1000">item 1<br> <input class="price" type="checkbox" data-price="200">item 2<br> <input class="price" type="checkbox" data-price="6000">item 3<br> <br><br><br> <div id="showPrice">0000 €</div>
Peut-être que je ne suis pas clair, mais je ne sais pas lequel de ces contributions est le minimum car ces commentaires seront générés dans PHP .. Peut-être j'en aurayerai 15 ou peut-être j'en aurayerai un.
J'ai mis à jour le commentaire original avec une solution pour vérifier la case à cocher MIN, je pense que la façon dont vous gérez les événements CLCIK est fausse. Avez-vous envisagé d'utiliser un
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <input class="price" type="checkbox" data-price="1000">item 1<br> <input class="price" type="checkbox" data-price="200">item 2<br> <input class="price" type="checkbox" data-price="6000">item 3<br> <br><br><br> <div id="showPrice">0000 €</div>
Itérez les valeurs d'entrée et vérifiez celui qui a la valeur la plus basse. N'oubliez pas d'utiliser une fonction parseint () ou similaire pour vous assurer d'exécuter une comparaison numérique.
Modifier: corrigé pour trouver la valeur la plus basse où le code initial a trouvé la valeur la plus élevée. P>
p>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <input class="price" type="checkbox" data-price="1000">item 1 (1000)<br> <input class="price" type="checkbox" data-price="200">item 2 (200)<br> <input class="price" type="checkbox" data-price="6000">item 3 (6000)<br> <br><br><br> <div id="showPrice">0000 €</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input class="price" type="checkbox" data-price="1000">item 1<br>
<input class="price" type="checkbox" data-price="200">item 2<br>
<input class="price" type="checkbox" data-price="6000">item 3<br>
<br><br><br>
<div id="showPrice">0000 €</div>