Obtener checkbox seleccionados con jQuery

Obtener checkbox seleccionados con jQuery


Obtener checkbox seleccionados con jQuery

En este tutorial aprenderemos cómo obtener todos los checkbox que están seleccionados en una página.

Obtener checkbox seleccionados

Con el método each() recorremos todos los checkbox que están seleccionados y obtenemos su valor

<script>
$("input[type=checkbox]:checked").each(function() {
  alert("Seleccionado el input " + $(this).val());
});
</script>

Podemos simplificar un poco mas de este modo para obtener los seleccionados

<script>
$("input:checkbox:checked").each(function() {
  alert("Seleccionado el input " + $(this).val());
});
</script>

Obtener checkbox no seleccionados

También los que no está seleccionados

<script>
$("input:checkbox:not(checked)").each(function() {
  alert("Seleccionado el input " + $(this).val());
});
</script>

Si sólo queremos obtener los checkbox sin recorrerlos. Obtenemos un array de inputs

<script>
  var seleccionados = $("input:checkbox:checked");
  //Ahora en seleccionados tenemos un array de inputs
  //Podemos acceder a cada uno de ellos de esta manera
  $(seleccionados).each(function() {
    alert("Input: " + $(this).val());
  });
</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