Activar y desactivar botón al pulsar un check con JavaScript

Bienvenidos a VerTutoriales.com, en esta ocasión os traigo otro código muy útil para activar y desactivar controles con JavaScript (js).

Para el ejemplo-tutorial vamos a utilizar un check el cual es el típico de Aceptación de términos y condiciones, si este check está desactivado, el botón estará disabled, si el check está activado (checked) el botón estará enabled (activado).

De esta manera una vez pulsamos el check hará lo descrito. Os pego el pequeño script para que veais lo simple que resulta implementarlo:

<form name="formulario">
<input type="checkbox" value="1" name="chVerTutoriales" onclick="btTutorial.disabled = !this.checked">
<input type="Button" value="Enviar" name="btTutorial" disabled>
</form>

Como podéis ver, hemos creado un formulario <form> llamado formulario, el cual contiene un check y un button, en el primero, llamado chVerTutoriales, le hemos incluido un evento onclick, el cual nos dice que pongamos el estado de btTutorial como !this checked, es decir, !this es el objeto que invoca, por lo tanto que le ponga el estado del check al botón.

Para terminar de explicar el ejemplo, hemos puesto el botón en disabled, es decir, desactivado, de manera que hasta que no se pulse sobre el check, no podemos pulsar sobre el botón que estará desactivado.

Espero que os ayude en vuestros desarrollos webs!

Si os ha gustado, os agradezco los comentarios y que compartáis en RRSS para seguir funcionando. ¿Quieres pulsar en la publi como reconocimiento y agradecimiento? También puedes! 🙂

Un saludo!