Ad ogni radio selezionato compare un diverso campo text

**lechuckpirata** · 15-06-2005, 10:55

Come si fa a far comparire alla selezione di un inut radio a 3 scelte un diverso campo text alla selezione di ognuno di loro?
Es:

<input type="radio" value="A" name="pippo">
<input type="radio" value="B" name="pippo">
<input type="radio" value="C" name="pippo">

Se scelgo A compare un Input text, se scelgo B ne compare un altro e sparisce il primo, se scelgo C stessa cosa.

Grazie Grazie

**16437952** · 15-06-2005, 12:35

Ecco il codice:

codice:

<HTML>
<HEAD>
<SCRIPT language="Javascript1.2">
<!--
var n=null;
function change(n)
{
if (n==1) 
{
document.getElementById('A').checked=true;
document.getElementById('1').style.visibility='visible';
document.getElementById('1').focus();
document.getElementById('2').style.visibility='hidden';
document.getElementById('3').style.visibility='hidden';
}
if (n==2)
{
document.getElementById('B').checked=true;
document.getElementById('2').style.visibility='visible';
document.getElementById('2').focus();
document.getElementById('1').style.visibility='hidden';
document.getElementById('3').style.visibility='hidden';
}
if (n==3)
{
document.getElementById('C').checked=true;
document.getElementById('3').style.visibility='visible';
document.getElementById('3').focus();
document.getElementById('1').style.visibility='hidden';
document.getElementById('2').style.visibility='hidden';
}
}
//-->
</SCRIPT>
</HEAD>
<BODY onload="change(1);">
<DIV align="center">
<FORM action="fields.html" method="post">
<TABLE border="0">
<TR><TD align="center">
<FIELDSET>
<LEGEND>Selezionare opzione desiderata</LEGEND>
<INPUT id="A" type="radio" name="pippo" onClick="change(1);">Opzione 1

<INPUT id="B" type="radio" name="pippo" onClick="change(2);">Opzione 2

<INPUT id="C" type="radio" name="pippo" onClick="change(3);">Opzione 3
</FIELDSET>
</TD></TR></TABLE></FORM>

<TABLE border="0" align="center">
<TR><FORM action="fields.html" method="post">
<TD><INPUT id="1" type="text" size="20"></TD>
<TD><INPUT id="2" type="text" size="20" style="visibility:hidden;"></TD>
<TD><INPUT id="3" type="text" size="20" style="visibility:hidden;"></TD>
</FORM></TR></TABLE></BODY></HTML>

Discussione: Ad ogni radio selezionato compare un diverso campo text

Strumenti discussione

Ricerca discussione

Visualizza

Ad ogni radio selezionato compare un diverso campo text

Permessi di invio