Oscurare campi di testo con un radio button

[Kronil]

Ciao ragazzi. Consideratemi l'ultimo discepolo della programmazione. Sono un pò alle basi e devo completare alcune pagine web.

Innanzitutto spero di aver beccato la sezione giusta.
Vi espongo il mio dramma:

Ho un form di registrazione in cui vanno inseriti nome, cognome, tel etc..

in più ho due radio button (con scelta esclusiva) che mi permettono di scrivere a seconda della scelta in un campo oppure in un altro campo.

Esempio, Se scelgo il primo radiobutton posso scrivere nel primo campo e il secondo diventa oscurato (grigio) altrimenti viceversa.

Un mio amico mi ha accenato che la cosa si risolve con javascrypt, quindi con tanto di manuale alla mano mi sono messo alla ricerca, ma senza successo. Spero di essere più fortunato qui.

Spero che qualcuno conosca la soluzione. Io per il momento ci sbatto la testa!

[artorius]

allora, metti di avere i seguenti elementi (nota il name degli input dovrai cambiarlo, ma ti suggerisco di non modificare gli ID)

<input type="text" name="campo1" id="Campo1" />
<input type="text" name="campo2" id="Campo2" readonly="readonly" />

<input type="radio" name="Esclusivo" onclick="setCampo('1', '2')" checked="true" /> Inserisci in campo 1
<input type="radio" name="Esclusivo" onclick="setCampo('2', '1')" />Inserisci in campo 2 

Ora crea la funzione JS, che infilerai in un tag <script type="text/javascript"></script>, nel head della pagina:

function setCampo(idToActive, idToDeactive)
{
   var toActive = document.getElementById("Campo"+idToActive);
   var toDeactive = document.getElementById("Campo"+idToDeactive);
   toActive.readOnly = false;
   toDeactive.readOnly = true;
   toDeactive.value = "";
} 

Così dovrebbe andare.

[Kronil]

Considerando che avevo in un caso due campi da oscurare ho modificato leggermente. Però cavolo funziona davvero! Grazie mille artorius sei un geniaccio! Senza di te stavo ancora a dar capate sul mio spigolo di fiducia.