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.