Visualizzazione dei risultati da 1 a 6 su 6

Discussione: somma con checkbox

  1. #1

    somma con checkbox

    Ciao ragazzi

    ho una pagina con tre checkbox popolati da un importo per ciascuna, vorrei che quando l'utente selezioni il checkbox mi faccia una somma e venga mostrata in un campo testo, naturalmente se poi viene deselezionato il checkbox il campo testo ne deve tener conto e togliere l'importo per il checkbox deselezionato.

    E' possibile un esempio ?


    Io avevo una funzione per la somma ma non è applicabile a ciò che mi serve.

  2. #2
    anche io avrei bisogno della stessa cosa...ho cercato sul forum ma non ho trovato niente

  3. #3
    una cosa del genere?

    codice:
    function somma(v,s){
     var f=document.nomeform;
     if(s) f.c.value+=parseInt(v);
     else f.c.value-=parseInt(v);
    }
    da usare cosi':

    codice:
    <input type="checkbox" value="10" onclick="somma(this.value, this.checked);" name="c1"/>
    ciao

  4. #4
    io non ci riesco...potresti farmi un esempio più completo?

    poi come faccio a far comparire il risultato in un campo testo?

  5. #5
    Originariamente inviato da vinci840
    io non ci riesco...potresti farmi un esempio più completo?

    poi come faccio a far comparire il risultato in un campo testo?
    ecco un esempio pratico:

    codice:
    <html>
    <head>
    
    <title>Prova</title>
    
    <script language="JavaScript">
    
    function somma(v,s){
     var f=document.nomeform;
     var realvalue=(f.c.value=="")?0:parseInt(f.c.value);
     if(s) f.c.value=realvalue+parseInt(v);
     else f.c.value=realvalue-parseInt(v);
    }
    
    </script>
    
    </head>
    <body>
    <form name="nomeform">
    <input type="checkbox" value="10" onclick="somma(this.value, this.checked);" name="c1"/>
    <input type="checkbox" value="20" onclick="somma(this.value, this.checked);" name="c2"/>
    <input type="checkbox" value="30" onclick="somma(this.value, this.checked);" name="c3"/>
    <input type="text" name="c" value="0"/>
    </form>
    </body>
    </html>
    ciao

  6. #6
    grazie mille var!!!
    funziona alla perfezione!!!!

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.