Tutoriales de Informática y Dispositivos Móviles
Tutoriales de Informática y Dispositivos Móviles
Detectar checkbox seleccionado con jQuery

Detectar checkbox seleccionado con jQuery

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

Deja 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 »