Visualizzazione dei risultati da 1 a 3 su 3
  1. #1

    calcolo con input checkbox

    salve ho il seguente script:
    codice:
    document.f.Rimanenza.value = document.f.TotaleServ.value - document.f.TotAcconto1.value - document.f.Acconto2.value - document.f.Acconto3.value - document.f.Acconto4.value - document.f.Acconto5.value - document.f.Acconto6.value - document.f.Acconto7.value - document.f.Acconto8.value - document.f.Acconto9.value - document.f.Acconto10.value - document.f.R1.value - document.f.R2.value - document.f.R3.value - document.f.RID4.value - document.f.RID5.value - document.f.RID6.value - document.f.RID7.value - document.f.RID8.value - document.f.RID9.value - document.f.RID10.value - document.f.RID11.value - document.f.RID12.value - document.f.RID13.value - document.f.RID14.value - document.f.RID15.value - document.f.RID16.value - document.f.RID17.value - document.f.RID18.value - document.f.RID19.value - document.f.RID20.value - document.f.RID21.value - document.f.RID22.value - document.f.RID23.value - document.f.RID24.value - document.f.RID25.value - document.f.RID26.value - document.f.RID27.value - document.f.RID28.value - document.f.RID29.value - document.f.RID30.value
    document.f.Versato.value = document.f.TotaleServ.value - document.f.Rimanenza.value
    e questi sono i campi ( ho inserito solo i primi 3)di inserimento degli importi:
    codice:
     <tr>
    			<td bgcolor="#0A64C8" style="font-size: 10px; font-family: Verdana; font-weight: bold; color: #FFFFFF">1° Acc.*:</td>
                <td><input type="text" size=20 name="TotAcconto1" value="" maxlength=150 onchange="javascript:jCalcola()"></td>
    			<td bgcolor="#0A64C8" style="font-size: 10px; font-family: Verdana; font-weight: bold; color: #FFFFFF">Data 1° Acc.*:</td>
                <td><input type="text" name="DAc1" value="" id="sel2" size="20"><input type="image" src="calendario/skins/cal.gif" value="" onclick="return showCalendar('sel2', '%d/%m/%Y');"></td>
                <td bgcolor="#006600" style="font-size: 10px; font-family: Verdana; font-weight: bold; color: #FFFFFF" align="center">pagato 
                <input name="pagacc1" type="checkbox" value="true" /></td>
    		</tr>
            <tr>
    			<td bgcolor="#0A64C8" style="font-size: 10px; font-family: Verdana; font-weight: bold; color: #FFFFFF">2° Acc.*:</td>
                <td><input type="text" size=20 name="Acconto2" value="" maxlength=150 onchange="javascript:jCalcola()"></td>
    			<td bgcolor="#0A64C8" style="font-size: 10px; font-family: Verdana; font-weight: bold; color: #FFFFFF">Data 2° Acc.*:</td>
                <td><input type="text" name="DAcc2" value="" id="sel3" size="20"><input type="image" src="calendario/skins/cal.gif" value="" onclick="return showCalendar('sel3', '%d/%m/%Y');"></td>
                <td bgcolor="#006600" style="font-size: 10px; font-family: Verdana; font-weight: bold; color: #FFFFFF" align="center">pagato <input name="pagacc2" type="checkbox" value="true" /></td>
    		</tr>
            <tr>
    			<td bgcolor="#0A64C8" style="font-size: 10px; font-family: Verdana; font-weight: bold; color: #FFFFFF">3° Acc.*:</td>
                <td><input type="text" size=20 name="Acconto3" value="" maxlength=150 onchange="javascript:jCalcola()"></td>
    			<td bgcolor="#0A64C8" style="font-size: 10px; font-family: Verdana; font-weight: bold; color: #FFFFFF">Data 3° Acc.*:</td>
                <td><input type="text" name="DAcc3" value="" id="sel4" size="20"><input type="image" src="calendario/skins/cal.gif" value="" onclick="return showCalendar('sel4', '%d/%m/%Y');"></td>
                <td bgcolor="#006600" style="font-size: 10px; font-family: Verdana; font-weight: bold; color: #FFFFFF" align="center">pagato <input name="pagacc3" type="checkbox" value="true" /></td>
    		</tr>
    ........................
            <tr>
    			<td bgcolor="#006600" style="font-size: 10px; font-family: Verdana; font-weight: bold; color: #FFFFFF">Versato*:</td>
                <td><input type="text" size=20 name="Versato" value="" maxlength=150 onchange="javascript:jCalcola()"></td>
    			<td bgcolor="#FFCC00" style="font-size: 10px; font-family: Verdana; font-weight: bold; color: #FF0000">Rimanenza*:</td>
                <td colspan="2"><input type="text" size=20 name="Rimanenza" value="" maxlength=150 onchange="javascript:jCalcola()"></td>
    		</tr>
    che mi permette di calcolare la rimanenza ogni volta che si inserisce un pagamento (acconto o RID)

    così com'e è adesso mi effettua il calcolo ogni volta che inserisco l'importo!

    vorrei che il calcolo venisse effettuato ogni volta che clicco sul checkbox di "pagato" del relativo importo inserito!
    come posso fare?
    Grazie

    grazie

  2. #2
    Utente di HTML.it
    Registrato dal
    Dec 2010
    Messaggi
    3,660
    codice:
    <input name="pagacc1" type="checkbox" value="true" onClick="if(this.checked) calcola()"/>
    Va inserito per ogni checkbox, se viene tolto il check devi rifare il calcolo? se si sposta il controllo all'interno della funzione.

  3. #3
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    @oliweb e vietato fare cross-post http://forum.html.it/forum/showthrea...readid=1455312
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

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.