Problema con jquery en campos tipo radio.

[PSPforever]

Hola

en mi formulario tengo dos campos tipo "radio". Al checkear uno se muestran más campos y al checkear el otro, se ocultan los campos.

Tengo este código jquery:

Código Javascript:

$(document).ready(function(){
   $("#si").click(function(){
      //lo que se desee hacer al recibir un clic el checkbox
      if ($("#si").attr("checked")){
      //se muestra los campos ocultos
   $("#oculto").css("display", "block");
   //de lo contrario se ocultan los campos
}else{
   $("#oculto").css("display", "none");
   }
//} 
   });
});
 

y el HTML es éste:

Código HTML:

<form>
<input id="si" name="uno" type="radio" value="1" />
<input id="no" name="uno" type="radio" value="1" />
<div id="oculto">Oculto</div>
</form>
 

El problema es que al checkear el campo "no" el div oculto sigue visible.

espero vuestra ayuda, gracias por anticipado

[spider_boy]

¿Probaste poniéndole $("#oculto").hide();?

[kokoou]

Mira, el problema es el siguiente, estás ejecutando una funcion que comprueba el valor del radio para ver que se selecciono, hasta ahí está bien.

Pero... si te fijas bien, esta línea: "$("#si").click(function(){......});". La comprobación solo lo haces cuando se selecciona el campo "id=si", entonces siempre que compruebes es porque el usuario selecciono "Si" y nunca se van a ocultar.

Te doy una posible solución:

Código HTML:

<form>
    <input name="uno" type="radio" value="si" class="toggleDatos" checked="checked" />
    <input name="uno" type="radio" value="no" class="toggleDatos" />
    <div id="oculto">Oculto</div>
</form>
 

Código Javascript:

$(document).ready(function(){
     var value = $(this).val();
     if( value == "si" ) {
     $("#oculto").show();
     } else {
     $("#oculto").hide();
     }      
});