sommare con i checkbox

**oliweb** · 09-10-2008, 23:36

salve, ho il seguente form:

<table>
<tr>
<td colspan="4">gioco</td>
</tr>
<tr>
<td colspan="2">Interessi</td>
<td colspan="2">Sport</td>
</tr>
<form name="form1" method="post" action="">
<tr>
<td>Internet</td>
<td><input type="checkbox" name="interessi" value="1"/></td>
<td>Calcio</td>
<td><input type="checkbox" name="sport" value="1"/></td>
</tr>
<tr>
<td>Computer</td>
<td><input type="checkbox" name="interessi" value="2"/></td>
<td>Tennis</td>
<td><input type="checkbox" name="sport" value="2"/></td>
</tr>
<tr>
<td>Libri</td>
<td><input type="checkbox" name="interessi" value="3"/></td>
<td>Basket</td>
<td><input type="checkbox" name="sport" value="3"/></td>
</tr>
<tr>
<td colspan="2">Punteggio</td>
<td colspan="2"><input name="somma" type="textbox" size="10"></td>
</tr>
</form>
</table>

è tipo un sondaggio, l'utente selezionando una voce per ogni colonna (interessi,Sport) totalizzerà un punteggio che verrà confrontanto con una tabella che contiene la somma del punteggio e l'untente avrà una risposta!
il form che ho inserito è di esempio, le domande saranno diverse, ma per farvi un'idea va bene!
come faccio a far calcolare il punteggioe farlo visualizzare nel campo somma?

grazie

**pietro09** · 10-10-2008, 12:17

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>

    <script language="javascript" type="text/javascript">
// <!CDATA[
function table_onclick(e, v) 
{
    if (!e) var e = window.event;
    var target = (e.target) ? e.target : e.srcElement;
    if(target.tagName.toLowerCase() == "input" && target.type.toLowerCase() == "checkbox")
    {
        var elementi = v.getElementsByTagName("INPUT");
        var n = elementi.length;
        var punteggio = 0;
        for(var i = 0; i < n; i++)
        {
            var elemento = elementi[i];
            if( (elemento.type != undefined && elemento.type.toLowerCase() == "checkbox" ) )
            {
                if(elemento.checked) punteggio += parseInt(elemento.value);
            }
        }
        document.getElementById("somma").value = punteggio; 
    }
   
}


// ]]>
</script>

</head>
<body>
    <table onclick="table_onclick(event, this);">
        <tr>
            <td colspan="4">
                gioco
            </td>
        </tr>
        <tr>
            <td colspan="2">
                Interessi
            </td>
            <td colspan="2">
                Sport
            </td>
        </tr>
        <tr>
            <td>
                Internet
            </td>
            <td>
                <input type="checkbox" name="interessi" value="1" />
            </td>
            <td>
                Calcio
            </td>
            <td>
                <input type="checkbox" name="sport" value="1" />
            </td>
        </tr>
        <tr>
            <td>
                Computer
            </td>
            <td>
                <input type="checkbox" name="interessi" value="2" />
            </td>
            <td>
                Tennis
            </td>
            <td>
                <input type="checkbox" name="sport" value="2" />
            </td>
        </tr>
        <tr>
            <td>
                Libri
            </td>
            <td>
                <input type="checkbox" name="interessi" value="3" />
            </td>
            <td>
                Basket
            </td>
            <td>
                <input type="checkbox" name="sport" value="3" />
            </td>
        </tr>
        <tr>
            <td colspan="2">
                Punteggio
            </td>
            <td colspan="2">
                <input id="somma" name="somma" type="text" size="10" />
            </td>
        </tr>
    </table>
</body>
</html>

**oliweb** · 10-10-2008, 12:50

grazie....è esattamente come lo volevo io!
grazie di nuovo

Discussione: sommare con i checkbox

Strumenti discussione

Ricerca discussione

Visualizza

sommare con i checkbox

Permessi di invio