forms y check

robertocarrillo · #1 (**permalink**) 15/09/2014, 14:12

Hola, es la primera vez que posteo, espero poder ser claro.
Tengo una base mysql la cual cargo y consulto a traves de mis php.
En uno archivo php tengo un serie de carga de datos donde, con un checkbx muestro u oculto unos campos:

Código PHP:

  <html><head> 
<script> 
$(document).ready(function(){ 
   $("#responsable").click(function(evento){ 
      if ($("#responsable").attr("checked")){ 
         $("#resp").css("display", "inline"); 
      }else{ 
         $("#resp").css("display", "none"); 
      } 
   }); 
}); 
</script> 
</head> 
<body> 
<form action="g_t.php" method="post"> 
<label>Apellido: </label><input style="width:110px" type="text" name="apellido"/>  
<label>Nombre: </label><input style="width:110px" type="text" name="nombre"/> 
<label>D. N. I.: </label><input style="width:100px" type="text" name="dni"/>  
<label>Domicilio: </label><input style="width:110px" type="text" name="domicilio"/> 
<label>Localidad: </label><input style="width:110px" type="text" name="localidad"/><br> 
<label>Responsable Legal</label><input type="checkbox" id="responsable"  name="resposnsable" value="1"> 
<br> 
<div style="display:none;" id="resp"> 
<label>Apellido: </label> <input style="width:110px;" type="text" name="resp_apellido"/>  
<label>Nombre: </label>   <input style="width:110px;" type="text" name="resp_nombre"/>  
<label>D. N. I.: </label> <input style="width:100px;" type="text" name="resp_dni"/>  
<label>Domicilio: </label><input style="width:110px;" type="text" name="resp_domicilio"/> 
<label>Localidad: </label><input style="width:110px;" type="text" name="resp_localidad"/> 
</div> 
<input type="submit"/> 
</form> 
</body></html>

Hasta ahí todo bien, pero cuando consulto y me traigo los valores guardados en la tabla el script no me funciona (si funciona haciendo 2 clicks en el check)y por lo tanto no me deja ver los campos con datos ocultos por defecto...

Código PHP:

  <? 
$datos =$_REQUEST["mod"]; 
$dat=explode("/",$datos); 
$causa=$dat[0]; 
$sector=$dat[1]; 
$modi=mysql_query("select * from acta_".$sector." WHERE nro_causa=".$causa.";",$conexion); 
$rst_modi= mysql_fetch_array($modi); 
?> 
<html><head> 
<script> 
$(document).ready(function(){ 
   $("#responsable").click(function(evento){ 
      if ($("#responsable").attr("checked")){ 
         $("#resp").css("display", "inline"); 
      }else{ 
         $("#resp").css("display", "none"); 
      } 
   }); 
}); 
</script> 
</head> 
<body> 
<form action="g_m_t.php" method="post"> 
<div> 
<label>Apellido: </label><input style="width:110px" type="text" name="apellido" value="<?php echo $rst_modi["apellido"];?>"/>  
<label>Nombre: </label><input style="width:110px" type="text" name="nombre" value="<?php echo $rst_modi["nombre"];?>"/>  
<label>D. N. I.: </label><input style="width:100px" type="text" name="dni" value="<?php echo $rst_modi["dni"];?>"/>  
<label>Domicilio: </label><input style="width:110px" type="text" name="domicilio" value="<?php echo $rst_modi["domicilio"];?>"/> 
<br> 
<label>Responsable Legal</label><input type="checkbox" id="responsable"  name="resposnsable" <?php if($rst_modi["responsable"]=="1") echo 'checked';?> value="1"> 
<br> 
<div style="display:none;" id="resp"> 
<label>Apellido: </label> <input style="width:110px;" type="text" name="resp_apellido" value="<?php echo $rst_modi["resp_apellido"];?>"/>  
<label>Nombre: </label>   <input style="width:110px;" type="text" name="resp_nombre" value="<?php echo $rst_modi["resp_nombre"];?>"/>  
<label>D. N. I.: </label> <input style="width:100px;" type="text" name="resp_dni" value="<?php echo $rst_modi["resp_dni"];?>"/>  
<label>Domicilio: </label><input style="width:110px;" type="text" name="resp_domicilio" value="<?php echo $rst_modi["resp_domicilio"];?>"/> 
<label>Localidad: </label><input style="width:110px;" type="text" name="resp_localidad" value="<?php echo $rst_modi["resp_localidad"];?>"/> 
</div> 
<input type="submit"/> 
</form> 
</body></html>

Hay forma que esto funcione? Desde ya muchísimas gracias.

diurno10 · #2 (**permalink**) 15/09/2014, 14:37

Vamos x partes, yo primer utilizaria este codigo para capturar el evento click del chekbox

Código:

$('#responsable').click(function() {
		$("#resp").toggle(this.checked);
});

Luego no entendi bien, esto sucede cuando carga la pagina o cuando vos cargas por ajax la segunda parte?

robertocarrillo · #3 (**permalink**) 15/09/2014, 14:49

Primero gracias por responder, y si.... el problema es cuando carga la página de modificaciones, me completa los inputs apellido, nombe, dni, etc. Me muestra el check como checkeado, pero no cambia los atributos display:none por display:inline. Y por lo tanto, por mas que hayan sido cargados los campos resp_apellido, resp_nombre, resp_dni, etc. No me los muestra.

robertocarrillo · #4 (**permalink**) 15/09/2014, 15:27

Listo:
<script>
$(document).ready(function(){
if ($("#responsable").attr("checked")){
$("#resp").css("display", "inline");
}else{
$("#resp").css("display", "none");
}
});

</script>

Gracias.