Detectar checkbox seleccionado con jQuery

Detectar checkbox seleccionado con jQuery


Detectar checkbox seleccionado con jQuery

En este tutorial aprenderemos cómo detectar cuando 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>

Si te ha gustado no olvides compartir en redes sociales.

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

Dejar un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Translate »
Ir a la barra de herramientas