Agregar Checkbox a Enlaces para Aceptar Política de Privacidad

aap82 · 26 Feb 2019

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

marjuanm · 27 Feb 2019

osea que no pueda avanzar si no ha marcado la casilla?

aap82 · 4 Mar 2019

eso es, que solo funcione el enlace si se marca la casilla

marjuanm · 4 Mar 2019

aap82 dijo:
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">

</script>
</head>
<body>

<form name="myform">
<input type="button" value="Continuar" onclick="javascript:go();">
<br>
<input type="checkbox" name="mycheck">Aceptar los té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 · 6 Mar 2019

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.

aap82 · 11 Mar 2019

ok muchas gracias!

marjuanm · 11 Mar 2019

aap82 dijo:
ok muchas gracias!

Por nada, saludos.

JoseMk · 16 Mar 2019

Interesante aporte 🙂

gesquivel · 17 Nov 2019

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

Agregar Checkbox a Enlaces para Aceptar Política de Privacidad

aap82

marjuanm

aap82

marjuanm

zcriptz

aap82

marjuanm

JoseMk

gesquivel

Temas similares