Comment additionner les valeurs d'input?

Marsh Posté le 21-10-2013 à 16:44:23

Bonjour à tous,

J'ai un petit souci pour additionner des valeurs d'inputs.
Concrètement, j'ai des inputs avec des "id" comme ceci: prix_1, prix_2, prix_3...

Comment puis-je lancer une recherche sur tous les id commençant par "prix_"?

merci d'avance pour votre aide!

Reply

Marsh Posté le 21-10-2013 à 16:44:23

Reply

Marsh Posté le 21-10-2013 à 16:55:14

Par javascript?

i = 1;
while (document.getElementById('prix_'+i)) {
tab_prix[i-1] = document.getElementById('prix_'+i).value;
i++;
}

Reply

Marsh Posté le 21-10-2013 à 17:05:25

Oui par javascript.
Ok je comprends.
Mais si mes id commencent par "prix_" et sont suivis de l'id du produit (donc par ex: "prix_234", "prix_1873"...), cela ne va pas poser problème? Ou du moins trop ralentir s'il passe par tous les nombres?

Reply

Marsh Posté le 21-10-2013 à 17:28:53

utiliser une librairie (mootools, jquery, prototype), mettre une classe prix à tous tes inputs et passer par un selecteur :
http://mootools.net/docs/core/Elem [...] ow:dollars

Code :

total = 0;
$$('input.prix').each(function(DOM, index) {
total += Number(DOM.value);
});

Message édité par mechkurt le 21-10-2013 à 17:29:13

---------------
D3

Reply

Marsh Posté le 21-10-2013 à 18:59:23

Euh pas besoin de bibliothèque pour faire ça, si tes id ne se suivent pas, comme dit, ajoute une class="prix" à tes balises puis en javascript :

Code :

i = 0;
while (document.getElementsByClassName('prix')[i]) {
tab_prix[i] = document.getElementsByClassName('prix')[i].value;
i++;
}

Bon par contre en effet ça ne marchera pas sur les vieilles versions de IE.

Message cité 1 fois

Reply

Marsh Posté le 22-10-2013 à 08:06:55

MaybeEijOrNot a écrit :

Euh pas besoin de bibliothèque pour faire ça, si tes id ne se suivent pas, comme dit, ajoute une class="prix" à tes balises puis en javascript :

Code :

i = 0;
while (document.getElementsByClassName('prix')[i]) {
tab_prix[i] = document.getElementsByClassName('prix')[i].value;
i++;
}

Bon par contre en effet ça ne marchera pas sur les vieilles versions de IE.

S'il te plaît arrête à tout prix de répéter les getElementsByClassName dans les boucles, tu pourris les perfs en faisant ainsi.

Et un for aurait été largement plus utile qu'un while

Code :

var tab_prix=[],;
var prices = document.getElementsByClassName('prix');
for(var i=0; i<prices.length; i++) {
tab_prix.push(prices[i]);
}

---------------
Blablaté par Harko

Reply

Marsh Posté le 22-10-2013 à 09:48:49

Oui c'est que j'ai repris bêtement mon code de départ dans lequel on n'avait pas le choix.
Mais bon ça diminuera toujours moins les perfs que d'importer une bibliothèque.

Reply

Marsh Posté le 22-10-2013 à 09:54:28

http://mootools.net/core/7057b1724 [...] 7f1f839362
Passer par une librairie de 49 ko est à mon avis beaucoup plus simple à appréhender pour un débutant en javascript (en tout cas c'est mon cas), après y'a pas de solutions meilleur que d'autres...

---------------
D3

Reply

Comment additionner les valeurs d'input?

Sujets relatifs:

Leave a Replay