Hola amigos del foro, tengo un pequeño detalle que explicarles, tengo un pequeño formulario, con 3 radio, al seleccionar cada radio se cambian para completarlas, pero resulta que si seleccionas el radio 1, el radio 2 y 3 igual es procesado por el formulario, lo que quiero es que cuando selecciones por ejemplo el radio 2 o 3, se deshabiliten los otros.
mi formulario es este:
Código HTML:
<html>
<head>
<script type="text/javascript">
var visto = null;
function mostrar(valor) {
if (visto) visto.style.display = 'none';
obj = document.getElementById(valor);
obj.style.display = 'block';
visto = obj;
}
</script>
</head>
<body>
<div align="center">
<p>PRUEBA</p>
<form action="" method="post" name="" id="">
<table width="457" border="1">
<tr>
<td><div align="center">
<input name="se" type="radio" value="noticias" onclick = "mostrar(this.value)">
Noticias -
<input name="se" type="radio" value="deportes" onclick = "mostrar(this.value)">
Deportes -
<input name="se" type="radio" value="horoscopo" onclick = "mostrar(this.value)">
Horoscopo</div></td>
</tr>
<tr>
<td>
<div id="noticias" style="display:none"><input type="text" value="Noticias"></div>
<div id="deportes" style="display:none"><input type="text" value="Deportes"></div>
<div id="horoscopo" style="display:none"><input type="text" value="Horoscopo"></div>
</td>
</tr>
<tr>
<td><div align="center">
<input type="submit" name="Submit" value="Enviar">
</div></td>
</tr>
</table>
</form>
<p> </p>
</div>
</body>
</html> Pero quiero que al seleccionar los otros divs, tb se deshabiliten, como podria hacerlo, en que parte pongo en disable="disable"
La hacer onclick en el div 1, se muestre el div 1 y se deshabilite los objectos del div 2 y 3.
espero me hallan entendido, gracias amigos
