mostrar y ocultar DIV

[DragonX]

Hola amigos, como estan? les cuento un poco que me anda faltando....

Estoy armando un form para una encuesta dentro de la compañía. La encuesta conta de X cantidad d epreguntras, las cuales tienen 5 tipos de respuesta mediante Radio Buttons.

Las respuestas:

Muy satisfecho --> Radio Button, value 5
Satisfecho --> Radio Button, value 4
Ni satisfecho ni insatisfecho --> Radio Button, value 3
Insatisfecho --> Radio Button, value 2
Muy Insatisfecho --> Radio Button, value 1
No utilizo --> Radio Button, value 0

La idea es que cuando el cliente seleccione las opciones Insatisfecho o Muy Insatisfecho aparezca un div con un imput adentro, como para que el cliente pueda dejar una nota de porque esta Insatisfecho o Muy Insatisfecho ¿me explico?

Luego una vez que deja la nota y clickea en "enviar" este Div debería ocultarse.

Desde ya mil gracias y cualquier ayuda que me puedan dar será eternamente agradecida

[JavierB]

Hola DragonX

Para eso se necesita JavaScript (algún moderador tendrás que mover el mensaje )

Puedes poner así los input:

<input type="radio" name="rad" value="5" onclick = "mostrar(this.value)" />

y usar una función como esta:

Código:

function mostrar(num) {
  document.getElementById('idDelDiv').style.display = (num==2 || num==1) 'block' : 'none';
}

Movido al foro de JavaScript desde Css.

Saludos,

[Shiryu_Libra]

DragonX, te pudiera servir este Script, para tu proposito, mandarlo llamar de este metodo

onclick="Main_Switch('nombre del div')">

y la funcion que lo realiza

<script LANGUAGE="javascript"> <!--
var capa
var antes
function Main_Switch(idCapa){
if (document.all) capa = eval(idCapa + ".style");
if (document.getElementById) capa = eval('document.getElementById("' + idCapa + '").style');
if ((capa.visibility == "hidden") || (capa.visibility == "hide"))
{capa.visibility="visible" ;
capa.display="";
}
else
{
capa.visibility="hidden";
capa.display="none";}
if (antes==null)
{antes=capa;}
else
{if (antes!=capa){antes.visibility="hidden" ; antes.display="none"; antes=capa;}
}
}
//-->
</script>

suerte

p.d. desde un principio le pongo el style visivility=hidden, display=none
para que al evaluar los muestre nuevamente