Ciao a tutti... avrei bisogno di un aiuto... devo realizzare una pagina dove vi è una serie di prodotti che io posso selezionare tramite ceckbox... io volevo ke ogni volta ke selezionavo una ceck box andavo a incrementare un valore che mostro all'utente nella pagina (es. seleziono 5 ceck box questo valore sarà 5)... senza ricaricare la pagina...
si puo' fare ? ? se si come ? ?
grazie
ciaociao
Qualcosa del genere?
codice:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Conta le checkbox attive</title> <script language="javascript" type="text/javascript"> <!-- var init = 0; function count(caller, target) { if (caller.checked) { init++; } else { init--; } document.getElementById(target).value=init; } --> </script> </head> <body> <form name="checkboxes"> <input type="checkbox" onClick="count(this, 'textfield')" value="prima"> Prima <input type="checkbox" onClick="count(this, 'textfield');" value="Seconda"> Seconda <input type="checkbox" onClick="count(this, 'textfield');" value="Terza"> Terza <input type="checkbox" onClick="count(this, 'textfield');" value="Quarta"> Quarta <input type="checkbox" onClick="count(this, 'textfield');" value="Quinta"> Quinta</p> Numero di checkboxes selezionate: <input type="text" id="textfield"> </p> </form> </body> </html>
<´¯)(¯`¤._)(¯`»ANDREA«´¯)(_.¤´¯)(¯`>
"The answer to your question is: welcome to tomorrow"
Oppure così:
codice:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Documento senza titolo</title> </head> <script language="JavaScript" type="text/JavaScript"> var conta = 0; function somma(Ch) { //alert(Ch.checked) if (Ch.checked == true) { conta += 1; document.form1.risultato.value = conta; } else if (Ch.checked == false){ conta -= 1; document.form1.risultato.value = conta; } } </script> <body> <form name="form1" method="post" action=""> </p> <table width="165" border="0"> <tr> <td width="159"><input name="c" type="checkbox" id="c" onClick="somma(this);" value="checkbox"></td> </tr> <tr> <td><input name="c" type="checkbox" id="c" onClick="somma(this);" value="checkbox"></td> </tr> <tr> <td><input name="c" type="checkbox" id="c" onClick="somma(this);" value="checkbox"></td> </tr> <tr> <td><input name="c" type="checkbox" id="c" onClick="somma(this);" value="checkbox"></td> </tr> <tr> <td><input name="c" type="checkbox" id="c" onClick="somma(this);" value="checkbox"></td> </tr> <tr align="center"> <td align="left"><input name="risultato" type="text" id="risultato" value="0"></td> </tr> </table> </form> </body> </html>
grazie... ora provo... ma se uno mi deseleziona la casella il valore si decrementa ? ? ?
ciao ciao
riapro la discussione dopo qualke giorno sperando ke chi mi aveva aiutato ci sia ancora.... sto utilizzando la funzione "somma()" che mi avevate passato e funziona alla perfezione.... ovvero un utente seleziona per esempio 5 caselle...e la variabile si incrementa a 5....poi essendo questo valore appartenente a un form viene inviato e viene spedito a una pagina successiva.....ora vorrei che tornando alla pagina precendente l'utente si ritrovi gia le caselle che aveva selezionato in precedenza e anke il valore gia opportunamente incrementato ancora a 5....
quello del sapere quali caselle erano state selezionate non è un problema xke lo gestisto da php....
quello ke kiedo a voi è:
ora tornando alla pagina...la variabile non la trovo incrementata xke l'incremento si scatena ONCLICK... c'è un modo invece di trovare incrementata la variabile ??
ciao
se gestisci tutto tramite php ti basta dare alla variabile il valore ke ti serve fin dall'inizio modificando var conta = 0;
Permessi di invio
Rispondi quotando