Checkbox, al check, aggiorna totale

**paschi25** · 28-01-2013, 10:13

Ciao a tutti,
io ho questo form:

codice:

<form method="post" name="preventivo">
Fare il muro : <input type="checkbox" name="muro" value="500" />
Fare la cucina : <input type="checkbox" name="cucina" value="1500" />
Fare il bagno : <input type="checkbox" name="bagno" value="2000" />
</form>

Totale preventivo : XXXX

Io vorrei che se cliccassi su muro e cucina il totale (XXXX) si aggiornasse in modo automatico, senza dover cliccare su un bottone di submit.

Grazie =)

**cavicchiandrea** · 28-01-2013, 10:52

codice:

<head>
<script>
function somma()
{
var importi = document.getElementsByTagName("input")
var tot = document.getElementById("totale").innerHTML
for(var i=0; i<importi.length; i++){
if(importi[i].type=='checkbox' && importi[i].checked){
document.getElementById("totale").innerHTML = (parseInt(tot)+parseInt(importi[i].value))
}else{
document.getElementById("totale").innerHTML = (parseInt(tot)-parseInt(importi[i].value))
}
}
</script>
</head>

body

codice:

<form method="post" name="preventivo">
Fare il muro : <input type="checkbox" name="muro" value="500" onclick="somma();" />
Fare la cucina : <input type="checkbox" name="cucina" value="1500" onclick="somma();" />
Fare il bagno : <input type="checkbox" name="bagno" value="2000" onclick="somma();" />
</form>

Totale preventivo : <span id="totale">0</span>

**paschi25** · 28-01-2013, 10:55

Originariamente inviato da cavicchiandrea

codice:

<head>
<script>
function somma()
{
var importi = document.getElementsByTagName("input")
var tot = document.getElementById("totale").innerHTML
for(var i=0; i<importi.length; i++){
if(importi[i].type=='checkbox' && importi[i].checked){
document.getElementById("totale").innerHTML = (parseInt(tot)+parseInt(importi[i].value))
}else{
document.getElementById("totale").innerHTML = (parseInt(tot)-parseInt(importi[i].value))
}
}
</script>
</head>

body

codice:

<form method="post" name="preventivo">
Fare il muro : <input type="checkbox" name="muro" value="500" onclick="somma();" />
Fare la cucina : <input type="checkbox" name="cucina" value="1500" onclick="somma();" />
Fare il bagno : <input type="checkbox" name="bagno" value="2000" onclick="somma();" />
</form>

Totale preventivo : <span id="totale">0</span>

Ciao, ho copiato il tuo codice per filo e per segno ma non aggiorna il totale, io metto il check sulle chekbox, ma non succede nulla

**seokey** · 28-01-2013, 11:07

posta il codice html della pagina

**paschi25** · 28-01-2013, 11:11

codice:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link rel="stylesheet" type="text/css" href="../css/CalendarioContainer/tcal.css" />
    <link rel="stylesheet" type="text/css" href="../css/visualizzazioneTabelle/table.css" />
    <script type="text/javascript" src="../js/CalendarioContainer/tcal.js"></script>
    <script>
        function somma()
        {
            var importi = document.getElementsByTagName("input")
            var tot = document.getElementById("totale").innerHTML
            for(var i=0; i<importi.length; i++){
            if(importi[i].type=='checkbox' && importi[i].checked){
            document.getElementById("totale").innerHTML = (parseInt(tot)+parseInt(importi[i].value))
            }else{
            document.getElementById("totale").innerHTML = (parseInt(tot)-parseInt(importi[i].value))
            }
            }
    </script>
</head>

<body id="sub_page">
<form method="post" name="preventivo">
Fare il muro : <input type="checkbox" name="muro" value="500" onclick="somma();" />
Fare la cucina : <input type="checkbox" name="cucina" value="1500" onclick="somma();" />
Fare il bagno : <input type="checkbox" name="bagno" value="2000" onclick="somma();" />
</form>

Totale preventivo : <span id="totale">0</span>
</body>
</html>

**seokey** · 28-01-2013, 11:15

errore riga 19

**paschi25** · 28-01-2013, 11:16

Originariamente inviato da seokey
errore riga 19

Non lo vedo :S

**seokey** · 28-01-2013, 11:17

conta le parentesi graffe

**paschi25** · 28-01-2013, 11:18

Originariamente inviato da seokey
conta le parentesi graffe

Ora, non si chiudeva la funzione

Grazie

**paschi25** · 28-01-2013, 11:19

Originariamente inviato da seokey
conta le parentesi graffe

Scusa, ultima cosetta,
ora aggiorna automaticamente il campo. ma la somma mi esce "NaN" ?!

Discussione: Checkbox, al check, aggiorna totale

Strumenti discussione

Ricerca discussione

Visualizza

Checkbox, al check, aggiorna totale

Permessi di invio