Agregar Checkbox a Enlaces para Aceptar Política de Privacidad

aap82 Seguir

Épsilon
Verificación en dos pasos desactivada
Verificado por Whatsapp
Desde
10 Feb 2012
Mensajes
792
Hola a todos,

necesito implementar en mi web una casilla checkbox junto a un botón con enlace para que el usuario tenga que pinchar en el checkbox como que acepta la politica de privacidad para que el enlace funcione.

¿Alguien me puede ayudar?

gracias
 

aap82

Épsilon
Verificación en dos pasos desactivada
Verificado por Whatsapp
Desde
10 Feb 2012
Mensajes
792
eso es, que solo funcione el enlace si se marca la casilla
 

marjuanm

Eta
Programador
Verificación en dos pasos desactivada
Desde
16 Ago 2012
Mensajes
1.409
eso es, que solo funcione el enlace si se marca la casilla

No conozco tu código fuente, así que voy a dar un ejemplo genérico y ya lo adaptas a lo que necesites.

<html>
<head>
<script language="JavaScript">
<!--

function go()
{

if(document.myform.mycheck.checked == true)
location = "urldestino";
else
alert("Debe marcar la casilla para continuar...");

}

-->
</script>
</head>
<body>


<form name="myform">
<input type="button" value="Continuar" onclick="javascript:go();">
<br>
<input type="checkbox" name="mycheck">Aceptar los t&eacute;rminos.
</form>


</body>
</html>

Lo que hace es lo siguiente:

Te genera un botón junto con una casilla para marcar. Al presionar el botón se dispara la función go que valida si la casilla está marcada o no y entonces te direcciona al enlace que tu especifiques, de lo contrario te muestra un aviso de que no haz marcado la casilla. Espero te sea de utilidad.
 

zcriptz

1
Ómicron
Programador
Verificación en dos pasos desactivada
Verificado por Whatsapp
Suscripción a IA
Desde
26 Mar 2013
Mensajes
4.622
No se puede con HTML, es Javascript.

HTML:
<input type="checkbox" onchange="if(this.checked){ document.getElementById('ID_DEL_ENLACE').style.display = '' }">
<a id="ID_DEL_ENLACE" style="display:none" href="enlace">Enlace hac&iacute;a lo que sea</a>

- - - Actualizado - - -

Si quieres algo más complicado, deberías usar AJAX.
 

JoseMk

Beta
Verificación en dos pasos desactivada
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
2 Mar 2019
Mensajes
42

gesquivel

Beta
Verificación en dos pasos desactivada
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
16 Nov 2019
Mensajes
57
También puedes generar un formulario con Bootstrap, en el que pongas el checkbox como required, y así el botón submit no funcionará a menos que hagas click en el checkbox antes:

Insertar CODE, HTML o PHP:
<form action="url" method="post" enctype="multipart/form-data">
<div class="form-check">
  <input class="form-check-input" type="checkbox" value="" id="defaultCheck1" required>
  <label class="form-check-label" for="defaultCheck1">
    Acepto las políticas de uso del sitio web.
  </label>
</div>
  <button type="submit" class="btn btn-primary">Acceder al enlace</button>
</form>

Recuerda que para que funcione este ejemplo debes usar Bootstrap
 

¡Regístrate y comienza a ganar!

Beneficios

  • Gana dinero por participar
  • Gana dinero por recomendarnos
  • Descubre ofertas de empleo diariamente
  • Negocios seguros
  • ¡Información premium y más!

Acceder

¿Ya tienes una cuenta? Accede aquí

Arriba