Totale spesa dinamico [era: Aiuto con funzione javascript]

**antony89** · 25-06-2010, 19:42

Ciao volevo un aiuto.
Dato un semplice form con degli ingredienti e i relativi prezzi,vorrei che selezionando la checkbox e quindi scegliendo un determinato ingrediente,si calcolasse il costo Totale della spesa,quindi se seleziono più check il totale è dato dalla somma dei costi degli ingredienti scelti,e quando lo deseleziono il totale viene decrementato.Ma come faccio a farlo??
Mi sono bloccato qui.

codice:

<html>
 <head>
 <script type="text/javascript"> 
 function getTot(pz){ 
 document.getElementById("tot").innerHTML=pz; }
</script>
</head>

<body>
<form id="ordine">
<table>
<tr>
<td><input type="checkbox" name="menu" value="2.50" onClick="getTot(this.value)">Mozzarella</td>
<td>2.50</td></tr>
<tr>
<td><input type="checkbox" name="menu" value="1.50" onClick="getTot(this.value)">Pomodoro</td>
<td>1.50</td>
</tr>
<tr>
<td><input type="checkbox" name="menu" value="2.50" onClick="getTot(this.value)">Melanzane</td>
<td>2.50</td>
</tr>
<tr>
<td>TOTALE</td>
<td><span id="tot"> 0.00 </span></td></tr>
</table>
<input type="submit" value="ordina">
</body>
</html>

**antony89** · 25-06-2010, 20:08

ho risolto cosi...però vorrei sapere se ci sono altre soluzioni...forse migliori della mia.

codice:

<html> 
<head> 
<script type="text/javascript"> 
function getTot(){ 
var tot=0; 
var n=ordine.menu.length; 
for(var i=0;i<n;i++){ 
if(ordine.menu[i].checked==true){ 
tot=tot+parseFloat(ordine.menu[i].value); 
document.getElementById("tot").innerHTML=tot;}
else{ 
document.getElementById("tot").innerHTML=tot; 
} } } 
</script> 
</head> 
<body> 
<form id="ordine"> 
<table> 
<tr><td><input type="checkbox" name="menu" value="2.5" onClick="getTot()">Mozzarella</td> 
<td>2.50</td></tr> 
<tr> <td><input type="checkbox" name="menu" value="1.5" onClick="getTot()">Pomodoro</td> 
<td>1.50</td> </tr> 
<tr> <td><input type="checkbox" name="menu" value="2.5" onClick="getTot()">Melanzane</td> <td>2.50</td> </tr> 
<tr><td> TOTALE</td> <td><span id="tot"> 0 </span></td></tr> 
</table> 
<input type="submit" value="ordina"> 
</body> 
</html>

**softhare** · 25-06-2010, 20:50

Direi che hai trovato la strada giusta.
Non puoi basarti dinamicamente sulle modifiche che l'utente fa al form per aumentare o diminuire l'iporto totale.
Devi necessariamente ricalcolare l'importo ripartendo da zero ad ogni modifica che l'utente inserisce.
Non è detto che lo script che hai prodotto sia il migliore, ma la strada è quella giusta.

Per scrupolo e compatibilità forse userei document.ordine.menu anzichè solo ordine.menu

E magari non userei la variabile tot, uguale al nome del div in cui vuoi stamparla, ma la chiamerei altrimenti.

Invece di onclick userei degli onchanged.

**antony89** · 25-06-2010, 22:29

ah ok

ti ringrazio allora per i consigli

Grazie!!!

**antony89** · 26-06-2010, 10:03

scusatemi,ma se volessi, dopo aver selezionato gli ingredienti,fare un riepilogo richiamando riepilogo.php,riportando tutti gli ingredienti selezionati,come devo fare???
Perchè alla fine potendo fare più scelte,non posso solo fare $menu=$_POST['menu'],mi prenderebbe solamente l'ultimo selezionato,e invece $menu deve essere un array!

**softhare** · 26-06-2010, 10:56

Hai ragione.

In questo caso non è necessario cha tutti i checkbox abbiano lo stesso nome, anzi è sbagliato.

Puoi attribuire ai checkbox dei nomi differenziati , ad esempio menu0, menu1, ..., menuN.
Ciò lo puoi fare staticamente nell'html oppure dinamicamente in un loop con javascript.

Dopo di che la applicazione che deve processare il form può accedere ai singoli valori, eventualmente tramite un loop che ricostruisce i nomi menu0, menu1 etc.

**antony89** · 26-06-2010, 11:43

non c'è un modo diverso?
Perchè considera che io gli ingredienti li prendo da database,quindi potrebbero essere anche tanti,non solo 3 come in questo caso...poi quanti menu0,menu1,ecc devo creare...?
Io ho capito la tua idea,solo che non riesco a metterla in pratica...

**softhare** · 26-06-2010, 17:54

Ci sono senz'altro molti modi per fare quanto ti serve.
Ma non conoscendo come hai impostato tabelle del db, come le recuperi, come ripeschi nomi e prezzi dei vari item nella pagina che processa il form, non posso avere idee precise.

Posso suggerirti, eventualmente:

- passare il numero di totale di item in un campo "hidden" del form
- usare le sessioni di php
- invece di checkbox usare campi numerici (quanti pezzi invece di si/no)

Se i dati (items, prezzo) vengono letti da db, li avrai disponibili in una risorsa mysql: è quindi ragionevole usare un array sia per creare dinamicamente il form che poi per leggerlo nella pagina che deve processarlo.

Se i dati vengono inseriti staticamente nel codice html, allora anche riepilogo.php dovrà contenere tali dati "hardcoded".

Questa seconda strada non è percorribile se gli item da vendere sono parecchi o se andranno aggiornati frequentemente.

Discussione: Totale spesa dinamico [era: Aiuto con funzione javascript]

Strumenti discussione

Ricerca discussione

Visualizza

Aiuto con funzione javascript

Permessi di invio