Juararía que mandé un ejemplo ( en respuesta rápida??? )
Bueno hay muchos ejemplos en el foro, es mejor que antes busques
>>>
Código:
<html><head><title>Display por Radio</title>
<script>
function selec1(){
document.getElementById('idB1').style.display = "block";
document.getElementById('idB2').style.display = "none";
document.getElementById('idB3').style.display = "none";
}
function selec2(){
document.getElementById('idB1').style.display = "none";
document.getElementById('idB2').style.display = "block";
document.getElementById('idB3').style.display = "none";
}
function selec3(){
document.getElementById('idB1').style.display = "none";
document.getElementById('idB2').style.display = "none";
document.getElementById('idB3').style.display = "block";
}
</script>
</head>
<body>
<h3>Display por Radio</h3>
Radio selec.<br>
<input type=radio name=nradio onclick=selec1() checked> Primero
<input type=radio name=nradio onclick=selec2()> Segundo
<input type=radio name=nradio onclick=selec3()> Tercero
<p>
<div id=idB1>Primer bloque <input type=text name=primero size=10 maxlength=10></div>
<div id=idB2 style=display:none>Segundo bloque <textarea name=segundo cols=80 rows=10></textarea></div>
<div id=idB3 style=display:none>Tercer bloque <input type=text name=primero value="Este no tiene límites"></div>
</body>
</html>