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.

[addthis tool=»addthis_inline_share_toolbox_6jt6″]

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