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.