Comment additionner les valeurs d'input?

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Comment additionner les valeurs d'input?

bingojm

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!

Publicité

MaybeEijOrNot

but someone at least

Par javascript?

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

bingojm

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?

mechkurt

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

MaybeEijOrNot

but someone at least

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

gatsu35

Blablaté par Harko

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

MaybeEijOrNot

but someone at least

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.

mechkurt

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

FORUM HardWare.fr

Programmation

HTML/CSS

Comment additionner les valeurs d'input?

Sujets relatifs
Comparer deux listes en multicritères	[PHP/JS]Passage de valeurs php vers une fonction JS
[Résolu][Perl]Regrouper, compter et additionner	SQL / creer des colonnes dont les valeurs sont conditionnelles
Supprimer des valeurs d'un tableau	cron job rsync input yes & password
Attribut readonly pas actif pour un input type checkbox	Modification de valeurs stockées dans Settings.settings
Problème pour actualiser les valeurs d'une Trackbar	[Input et BDD] problème complex...
Plus de sujets relatifs à : Comment additionner les valeurs d'input?

Page générée en 0.073 secondes