Checkbox en formulario....

Most · #1 (**permalink**) 08/06/2010, 10:17

Hola, como puedo hacer que si hago click en 1 checkbox, me salga 1 textbox para escribir? y si lo deselecciono se quite?

MUEVANLO A HTML QUE ME CONFUNDIDO DE CATEGORÍA

GatorV · #2 (**permalink**) 08/06/2010, 10:25

Tema movido desde PHP a Javascript

_cronos2 · #3 (**permalink**) 08/06/2010, 10:38

Código Javascript:

Ver originalfunction texto(a,b){
 if(document.getElementById(a).checked==true){
  document.getElementById(b).style.display = 'block';
 }else{
  document.getElementById(b).style.display = 'none';
 }
}

Código HTML:

Ver original<input type='checkbox' onclick='texto(this, "caja");' />
<input type='text' id='caja' style='display:none;' />

Saludos (:

Most · #4 (**permalink**) 08/06/2010, 10:53

gracias por el code, lo he probado asi y no funciona:

1. he creado el archivo: casilla.js con el codigo Javascript
2. he añadido <?php include("casillas.js"); ?>
3. Y en <body> he añadido:

Código HTML:

<input type='checkbox' onclick='texto(this, "caja");' />
<input type='text' id='caja' style='display:none;' />

y no funciona

_cronos2 · #5 (**permalink**) 08/06/2010, 11:04

Vale, perdón, esque lo escribí sin fijarme. Esto sí funciona poruqe lo comprobé.

Código Javascript:

Ver original<script type="text/javascript">
function texto(a,b){
 if(document.getElementById(a).checked==true){
  document.getElementById(b).style.display = 'block';
 }else{
  document.getElementById(b).style.display = 'none';
 }
}
</script>

Código HTML:

Ver original<input type='checkbox' id='chk' onclick='texto(this.id, "caja");' /><!--->Ni tenía id ni había puesto this.id -.-'<!--->
<input type='text' id='caja' style='display:none;' />

Saludos y perdón (:

Most · #6 (**permalink**) 08/06/2010, 11:08

Muchas gracias amigo

Most · #7 (**permalink**) 08/06/2010, 15:39

cronos por que solo me deja poner 1 checkbox?, cuando pongo otro, no me sale el textarea al seleccionar :S ya que necesito miinimo 5....

_cronos2 · #8 (**permalink**) 08/06/2010, 15:55

¿Necesitas 5 checkbox con cada text invisible? Entonces es igual.

Código HTML:

Ver original<input type='checkbox' id='chk' onclick='texto(this.id, "caja");' />
<input type='text' id='caja' style='display:none;' /><br />
<input type='checkbox' id='chk2' onclick='texto(this.id, "caja2");' />
<input type='text' id='caja2' style='display:none;' /><br />
<input type='checkbox' id='chk3' onclick='texto(this.id, "caja3");' />
<input type='text' id='caja3' style='display:none;' /><br />
<input type='checkbox' id='chk4' onclick='texto(this.id, "caja4");' />
<input type='text' id='caja4' style='display:none;' /><br />
<input type='checkbox' id='chk5' onclick='texto(this.id, "caja5");' />
<input type='text' id='caja5' style='display:none;' /><br />

Saludos (:

Most · #9 (**permalink**) 08/06/2010, 16:00

Cita:

Iniciado por _cronos2

¿Necesitas 5 checkbox con cada text invisible? Entonces es igual.

Código HTML:

Ver original<input type='checkbox' id='chk' onclick='texto(this.id, "caja");' />
<input type='text' id='caja' style='display:none;' /><br />
<input type='checkbox' id='chk2' onclick='texto(this.id, "caja2");' />
<input type='text' id='caja2' style='display:none;' /><br />
<input type='checkbox' id='chk3' onclick='texto(this.id, "caja3");' />
<input type='text' id='caja3' style='display:none;' /><br />
<input type='checkbox' id='chk4' onclick='texto(this.id, "caja4");' />
<input type='text' id='caja4' style='display:none;' /><br />
<input type='checkbox' id='chk5' onclick='texto(this.id, "caja5");' />
<input type='text' id='caja5' style='display:none;' /><br />

Saludos (:

ahh muchas gracias, abia probado antes y no iba