Foros del Web » Creando para Internet » HTML »

Crear casilla de verificación

Estas en el tema de Crear casilla de verificación en el foro de HTML en Foros del Web. Hola. Perdón si el tema está repetido. Soy nuevo y no he encontrado solución a mi problema en ningún post. Quiero poner en una página ...
  #1 (permalink)  
Antiguo 17/11/2010, 13:42
 
Fecha de Ingreso: noviembre-2010
Mensajes: 1
Antigüedad: 14 años
Puntos: 0
Crear casilla de verificación

Hola.
Perdón si el tema está repetido. Soy nuevo y no he encontrado solución a mi problema en ningún post.
Quiero poner en una página un boton para enviar un formulario, pero que solo se habilite activando una casilla de verificación. La idea concreta es advertir de la privacidad de la página antes de enviar el formulario de contacto con los datos personales de la persona.
¿Me podríais indicar el código que tengo que insertar?

Muchas gracias.
  #2 (permalink)  
Antiguo 17/11/2010, 14:51
 
Fecha de Ingreso: septiembre-2010
Mensajes: 525
Antigüedad: 14 años, 1 mes
Puntos: 59
Información Respuesta: Crear casilla de verificación

Hola. Pone el <input type="submit"> en un div:

Código HTML:
Ver original
  1. <form name="nombre_del_formulario">
  2. <input type="checkbox" name="nombre_del_checkbox" onclick="abc()">
  3. <div id="boton">
  4.     <input type="submit" value="Enviar">
  5. </div>
  6. </form>

Código CSS:
Ver original
  1. #boton {visibility:hidden}

y ahora hacerlo funcionar con JavaScript:
Código Javascript:
Ver original
  1. function abc(){
  2. if(document.nombre_del_formulario.nombre_del_checkbox.checked){
  3.     document.getElementById('boton').style.visibility='visible';
  4. }
  5. else{
  6.     document.getElementById('boton').style.visibility='hidden';
  7. }
  8. }

Solo funciona si el usuario tiene JavaScript activado.
Saludos

Última edición por _Adrian_; 17/11/2010 a las 15:00

Etiquetas: casilla
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 05:37.