Foros del Web » Programando para Internet » Javascript »

checkbox como Google

Estas en el tema de checkbox como Google en el foro de Javascript en Foros del Web. Hola, mi pregunta es facil, pero no logro dar con el codigo: Tengo un checkbox asociado a un texto, tal como la home de Google ...
  #1 (permalink)  
Antiguo 27/09/2004, 08:26
Avatar de sfx4ever  
Fecha de Ingreso: noviembre-2003
Ubicación: aqui
Mensajes: 384
Antigüedad: 20 años, 4 meses
Puntos: 2
checkbox como Google

Hola, mi pregunta es facil, pero no logro dar con el codigo:

Tengo un checkbox asociado a un texto, tal como la home de Google (solo que ellos tienen botones de opcion en vez de checkbox) en las opciones de "La web", "paginas en español", y "paginas de españa"

Lo que quiero es que al pulsar EN EL TEXTO se active/desactive el checkbox asociado al texto, pero no me sale....

Espero vuestra ayuda, gracias por adelantado.
  #2 (permalink)  
Antiguo 27/09/2004, 10:50
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 22 años, 1 mes
Puntos: 772
Hola sfx4ever.

Debe haber varias forma de hacerlo, aquí te dejo una. Si pones todo en la misma línea, creo que no debería darte problemas en ningún navegador:

<input type="checkbox" /><span onclick="this.previousSibling.disabled=!this.previ ousSibling.disabled">Texto</span>

Saludos,
  #3 (permalink)  
Antiguo 27/09/2004, 11:10
Avatar de sfx4ever  
Fecha de Ingreso: noviembre-2003
Ubicación: aqui
Mensajes: 384
Antigüedad: 20 años, 4 meses
Puntos: 2
gracias JavierB, lo amplio un poco para quien le pueda hacer falta:

<input type="checkbox" /><span style='cursor:hand;cursor:pointer' onclick="this.previousSibling.checked=!this.previo usSibling.checked" >Texto</span>

Le he cambiado disabled por checked, que era lo que yo queria.
por curiosidad, que hace previousSibling?
  #4 (permalink)  
Antiguo 28/09/2004, 01:47
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 22 años, 1 mes
Puntos: 772
Hola de nuevo.

En ese caso hay una forma más sencilla de hacerlo:

<input type="checkbox" id="algo"><label for="algo">Texto</label>

Lo de previousSibling es parte del modelo de DOM. En un elemento de la página como un <div> o el propio <body> hay otros elementos que sería, "hermanos". previousSibling hace referencia al "hermano" anterior. Siento no explicarme mejor, es de esas cosas que se saben hacer pero no explicar.

Saludos,
  #5 (permalink)  
Antiguo 28/09/2004, 02:12
Avatar de sfx4ever  
Fecha de Ingreso: noviembre-2003
Ubicación: aqui
Mensajes: 384
Antigüedad: 20 años, 4 meses
Puntos: 2
Pues si, esta forma es mas sencilla y limpia, creo que es la voi a utilizar, ademas rula bien en Firefox.

Mil gracias JavierB!!!!!
  #6 (permalink)  
Antiguo 28/09/2004, 02:16
Avatar de sfx4ever  
Fecha de Ingreso: noviembre-2003
Ubicación: aqui
Mensajes: 384
Antigüedad: 20 años, 4 meses
Puntos: 2
por cierto, tambien he encontrado esta forma de LABEL:

<LABEL>
<INPUT NAME="nombre" TYPE=CHECKBOX>
texto
</LABEL>
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 02:46.