ragazzi ho un form del genere...
Nome: e rispettivo campo nome
Cognome: e rispettivo campo cognome
Indirizzo email: e rispettivo campo email
campo check box con scritto 'barrare se i campi sono uguali'
Nome: e rispettivo campo nome
Cognome: e rispettivo campo cognome
Indirizzo email: e rispettivo campo email
vorrei fare in modo che quando si seleziona il campo checkbox, il valore dei primi 3 campi venga copiato negli ultimi 3... come potrei fare?
grazie...
sono iscritto alla newsletter di html.it, quella ke manda gli script via... e se nn ricordo mele mi è arrivata una cosa del genere...
qualcuno può aiutarmi?
Semplice.
Ho usato gli id al posto dei name nei campi del form così puoi usare il DOM standard del W3C con getElementById(), anziché "passare" per l'oggetto form e usare i nomi degli oggetti. Ovviamente, questo codice si limita a copiare i valori dei primi 3 campi nei successivi 3...ogni volta che clicchi sul checkbox viene richiamata la funzione che copia i valori dei primi 3 campi negli altri 3, senza considerare lo "stato" del checkbox (selezionato/non selezionato). Altrimenti dovresti modificare la funzione facendole fare un controllo sullo stato della casella di controllo.codice:Nome: <input type="text" id="nome1" value="" /> Cognome: <input type="text" id="cognome1" value="" /> E-mail: <input type="text" id="email1" value="" /> Barrare se i campi sono uguali <input type="checkbox" onclick="Copia();" /> Nome: <input type="text" id="nome2" value="" /> Cognome: <input type="text" id="cognome2" value="" /> E-mail: <input type="text" id="email2" value="" /> Funzione JavaScript (nella head della pagina): function Copia() { document.getElementById("nome2").value = document.getElementById("nome1").value; document.getElementById("cognome2").value = document.getElementById("cognome1").value; document.getElementById("email2").value = document.getElementById("email1").value; }
quindi esce fuori una pagina del genere?
codice:<html> <head> function Copia() { document.getElementById("nome2").value = document.getElementById("nome1").value; document.getElementById("cognome2").value = document.getElementById("cognome1").value; document.getElementById("email2").value = document.getElementById("email1").value; } </head> Nome: <input type="text" id="nome1" value="" /> Cognome: <input type="text" id="cognome1" value="" /> E-mail: <input type="text" id="email1" value="" /> Barrare se i campi sono uguali <input type="checkbox" onclick="Copia();" /> Nome: <input type="text" id="nome2" value="" /> Cognome: <input type="text" id="cognome2" value="" /> E-mail: <input type="text" id="email2" value="" /> </html>
Esatto...o meglio, più o meno: ti sei dimenticato il body (e volendo il tag form...anche se penso dovrai metterlo per forza se vuoi spedire i dati da qualche parte)!Poi devi mettere i tag script nella head, altrimenti lo script non funziona.
codice:<html> <head> <script type="text/javascript"> <!-- function Copia() { document.getElementById("nome2").value = document.getElementById("nome1").value; document.getElementById("cognome2").value = document.getElementById("cognome1").value; document.getElementById("email2").value = document.getElementById("email1").value; } --> </script> </head> <body> <form> Nome: <input type="text" id="nome1" value="" /> Cognome: <input type="text" id="cognome1" value="" /> E-mail: <input type="text" id="email1" value="" /> Barrare se i campi sono uguali <input type="checkbox" onclick="Copia();" /> Nome: <input type="text" id="nome2" value="" /> Cognome: <input type="text" id="cognome2" value="" /> E-mail: <input type="text" id="email2" value="" /> </form> </body> </html>
grazie infinite... adesso provo!
funziona alla grande... anzi, alla grandissima!
Permessi di invio
Rispondi quotando