Somme champs Input

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

Bonsoir,

Citation:

---

Envoyé par guigui69

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.

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

Bonjour,

Code:

---

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

Bonjour,

Et en Javascript

Code:

---

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.

variante:

Code:

---

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

---