Javascript: funzione somma "dinamica"

**Harding** · 21-04-2006, 15:46

In una pagina generata dinamicamente ho un certo numero di campi input text in cui vengono immessi dei valori numerici.

Se io so che i campi input si chiamano tutti "ricavi_primo_prod" + un numero (ad es. ricavi_primo_prod1 , ricavi_primo_prod2 ecc.) come faccio a calcolarne la somma in Javascript?

Il numero dei campi nominati in maniera simile lo posso ricavare ma non conoscere a priori.

**fcaldera** · 21-04-2006, 16:21

codice:

function somma() {
  inp = document.getElementsByTagName('input'); 
  tot = 0;

  for (i=0; i<inp.length; i++) {
     if (inp[i].name.match(/^ricavi_primo_prod/i) {
         tot += parseInt(inp[i].value, 10);
         // oppure se sono decimali: tot += parseFloat(inp[i].value);
     }
  }
  alert(tot);
}

Ciao

**Harding** · 21-04-2006, 16:34

Grazie per la risp e funziona.

Mi potresti dire per cortesia dov'è l'errore qui?

codice:

var tot1 = 0
pr=4
for (x=1;x<=pr;x++){
var a = perjav(document.form1.ricavi_primo_prod[x].value);
tot1+=a
}

**fcaldera** · 21-04-2006, 17:06

a parte che non si vede la funzione perjav
ma questo

document.form1.ricavi_primo_prod[x]

non esiste nella pagina

tu invece hai
document.form1.ricavi_primo_prod1
document.form1.ricavi_primo_prod2
document.form1.ricavi_primo_prod3
...

e ciò non è equivalente ad un ipotetico array "ricavi_primo_prod[]"

quindi la riga diventa dovrebbe diventare
a = perjav(eval('document.form1.ricavi_primo_prod'+x+' .value));

ma ti sconsiglio di usare l'eval in favore di costrutti alternativi...

**Harding** · 21-04-2006, 17:15

La funzione perjav mi formatta il valore immesso dalla notazione euro con separatore di migliaia ad una digeribile per javascript.

Se mi sconsigli di usare eval cosa posso considerare?

**fcaldera** · 21-04-2006, 17:25

cioè nei vari campi sono immessi valori del tipo

12
1.235
1.789.654

?

E come separi eventuali decimali?

**Harding** · 21-04-2006, 17:32

Ho dei decimali con precisione doppia (euro insomma).
La funzione perjav prima leva il punto e poi sostituisce la virgola con il punto.
In questo modo riesco a fare le operazioni con JS.

prima--->1.000.150,25
dopo--->1000150.25

prima di ributtare tutto nel db riformatto in notazione euro (con un'altra funzione javascript)

**fcaldera** · 21-04-2006, 17:48

Originariamente inviato da Harding
Ho dei decimali con precisione doppia (euro insomma).
La funzione perjav prima leva il punto e poi sostituisce la virgola con il punto.
In questo modo riesco a fare le operazioni con JS.

prima--->1.000.150,25
dopo--->1000150.25

prima di ributtare tutto nel db riformatto in notazione euro (con un'altra funzione javascript)

allora modifica il codice che ti ho fatto prima e prova questo esempio

codice:

<html>
<head>
<script>

function sommanumeri() {
  inp = document.getElementsByTagName('input'); 
  tot = 0;
  for (i=0; i<inp.length; i++) {
     if (inp[i].name.match(/^ricavi_primo_prod/i)) {
        val = inp[i].value;
        val = val.replace(/\./g, '').replace(/,/, '.'); 
        tot += parseFloat(val);
     }
  }
  alert(tot);
}
</script>
</head>
<body>
<form onsubmit="sommanumeri()">
<input type="text" name="ricavi_primo_prod1" value="1.569.236,25"/>
<input type="text" name="ricavi_primo_prod2" value="3.001,25"/>
<input type="submit" value="somma"/>
</form>
</body>
</html>

Ciao

Discussione: Javascript: funzione somma "dinamica"

Strumenti discussione

Ricerca discussione

Visualizza

Javascript: funzione somma "dinamica"

Permessi di invio