Problemas al cargar <div con un radio

syntex · #1 (**permalink**) 03/11/2009, 11:20

Hola foreros,

Encontre este script donde dependiendo del radio que escojas te abre un <div o otro, pero cuando le doy al submit con el valor del radio Moral me vuelve otra vez al valor fisica, porque?

Código HTML:

<html>
<head>
<title>Muestra y oculta div</title>
 
<script language="JavaScript"> 
 
function oculta(id){
	 var elDiv = document.getElementById(id); //se define la variable "elDiv" igual a nuestro div
	 elDiv.style.display='none'; //damos un atributo display:none que oculta el div	 
	}
 
function muestra(id){
	 var elDiv = document.getElementById(id); //se define la variable "elDiv" igual a nuestro div
	 elDiv.style.display='block';//damos un atributo display:block que  el div	 
	}
 
 
window.onload = function(){/*hace que se cargue la función */
/* "Mandamos como parametro el nombre de la Div para ocultar" */
oculta('change2'); /*Ocultamos change2*/
}
</script>
 
</head>
 
<body>
<form action="" method="get">
<?
	if ($_GET[pers_cte] == "Fisica"){$ZX1 = "checked";}
	if ($_GET[pers_cte] == "Moral") {$ZX2 = "checked";}
?>
<!--Al hacer llamado de la función solo tienes que idicar el nombre del DIV entre parentesis-->
<p>
  <label>
   <input type="radio" name="pers_cte" value="Fisica"  id="per_0" onClick="muestra('change1'); oculta('change2')" <? echo $ZX1; ?> > <!-- Al cambiar "onClick" el valor del radio llamamos la funcion ocultando los campos de change1 y mostrando change2-->
    Fisica</label>
  <br>
  <label>
   <input type="radio" name="pers_cte" value="Moral" id="per_1" onClick="muestra('change2'); oculta('change1')" <? echo $ZX2; ?>>
    Moral</label>

  <br>
</p>
	<input type="submit"  value="">
</form> 
<div id="change1">
<p>Este contenido es para persona Fisica</p> <!--Div para ocultar o mostrar de Persona Fisica -->
</div>
 
<div id="change2">
<p>Este contenido es para persona Moral</p> <!--Div para ocultar o mostrar de Persona moral -->
</div>
</body>
</html>

A ver si alguien puede modificar el script para que cuando aprete el boton submit y el valor del radio sea Moral me indique el <div id="change2">

Gracias.