Discussion :

[guigui69]

Bonsoir à tous,

je dispose de plusieurs champs input qui porte le même nom (name) + un [n°Id] (Exemple: <input name="mt[15]" value="1.5" >) et voudrais savoir si en jquery je pouvais faire la somme de l'ensemble des input (nommé mt[xx])

les valeur Id dans les crochets ne se suivent pas, en gros je peux avoir mt[2] mt[5] mt[23] mt[30]

merci d'avance pour vos explications, quelle fonction jquery je dois regarder pour arriver ?

guigui69

[javatwister]

Bonsoir,

les valeur Id dans les crochets ne se suivent pas, en gros je peux avoir mt[2] mt[5] mt[23] mt[30]

Tu es, je pense, au courant que qquand tu additionnes plusieurs nombres, peu importe l'ordre des nombres?

Après, ici, c'est un forum Javascript. C'est-à-dire que si ce langage t'intéresse, il faut que tu fasses quelques efforts pour le comprendre et l'utiliser.

[guigui69]

Bonjour javatwister,

quand je parle Id pas dans ordre c'est qu'il ne suivent pas ça ne fait jamais 1,2,3,4,5...... et c'est pour ça que demande un conseil (javascript ou jquery) pour comment récupérer les valeurs input avec ces numeros différents.

Car je ne vois pas comment je pourrais faire une boucle comme les ID <input name="mt[id]" .... sont différent

guigui69

[Invité]

Bonjour,

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
var sum = 0;
$('input[name^="mt["]').each( function(){
   sum += parseFloat( $(this).val() );
});
console.log(sum);

• [name^="mt["] : dont le name commence par "mt["
• [name*="machin"] ou [name~="machin"] : dont le name contient "machin"
• [name$="truc"] : dont le name se termine par "truc"

Voir : CSS - Sélecteurs d'attribut

[javatwister]

Bonjour,

Et en Javascript

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
let tot=0;
document.querySelectorAll("input[name^='mt[']").forEach( v => tot+=parseInt(v.value));
console.log(tot);

Mais tu peux aussi rationaliser ton groupe d'input en le plaçant dans un conteneur spécifique, en lui attribuant une classe, etc.

[javatwister]

variante:

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
const tot=Array.from(document.querySelectorAll("input[name^='mt[']")).reduce( (a,v) => {return a+Number(v.value)},0);
console.log(tot)