Detectar checkbox seleccionado con jQuery

En este tutorial aprenderemos cómo detectar cuándo se ha seleccionado un checkbox en una página para realizar alguna acción.

Evento change

Con jQuery podemos crear un evento change para que actúe cuando el estado de un elemento ha cambiado. Si lo que queremos es controlar cuándo se ha seleccionado un checkbox y realizar acciones en ese momento, podemos hacerlo de la siguiente forma

<!--Tenemos un checkbox en un formulario-->
<input type="checkbox" id="mayor" name="mayor" value="Mayor"> Mayor de edad
<script>
  //Código jquery para detectar cuándo se activa el checkbox
  $("#mayor").change(function() {
    //Si el checkbox está seleccionado
    if($(this).is(":checked")) {
      alert("El checkbox está seleccionado");
    }
    else {
      alert("El checkbox no está seleccionado");
    }
  });
</script>

Más tutoriales de jQuery

Si te ha gustado no olvides compartir en redes sociales.

Espero que te haya servido. Cualquier duda deja un comentario. Un saludo