Saludos a todos! , supongo la pregunta es clara, necesito desplegar un campo según la opción que eliga el usuario, ejemplo burdo: le gustan las frutas?,
si
no
si eligió que si, que liste cuales frutas le gustan
Recibe ayuda de expertos
Es gratis y fácil
Respuestas, votos y comentarios
Recibe puntos, vota y da la solución
Saludos a todos! , supongo la pregunta es clara, necesito desplegar un campo según la opción que eliga el usuario, ejemplo burdo: le gustan las frutas?,
si
no
si eligió que si, que liste cuales frutas le gustan
Hola iPHP,
podrías hacer algo así:
<!DOCTYPE html>
<html>
<head>
<title>checkbox</title>
<meta name="generator" content="Bluefish 2.2.3">
<meta name="author" content="leo">
<meta name="date" content="2013-11-20T22:57:08-0300">
<meta name="copyright" content="Leonardo Tadei - GPL V3">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript">
function MostrarFruta(v){
if(v.id=="frutasi") {
document.getElementById("cualfruta").style.visibility = "visible";
} else {
document.getElementById("cualfruta").style.visibility = "hidden";
}
}
</script>
<style type="text/css">#cualfruta{visibility:hidden;}</style>
</head>
<body>
<form id="ff" name="ff" action="" method="post">
Le gustan las frutas?<br>
<label>Sí <input type="radio" name="fruta" id="frutasi" value="si" onclick="MostrarFruta(this);"></label>
<label>No <input type="radio" name="fruta" id="frutano" value="no" onclick="MostrarFruta(this);"></label>
<br>
<label id="cualfruta">Cuales? <input type="text" name="frutatxt" id="frutatxt"></label>
</form>
</body>
</html>
Es decir, en el click de los radio, determinar si se ve la caja de texto o no, para que el usuario liste las frutas que le gustan. Si la lista está precargada y solo es para elegir, la traes con AJAX... fijate que estoy oculatando y desocultando los label para hacerlo independiente del elemento del formualrio que pongas adentro.
Si tenés que usar muchas veces esto en el mismo formulario, le podés agregar un segundo parámetro a la función que contenga el ID del elemento a ocultar/desocultar, así no e queda código duplicado.
Saludos!