Java Script

Obtener todos los checkbox seleccionados en jQuery

En este rápido tutorial aprenderemos a obtener todos los checkbox seleccionados en jQuery. Esto nos puede ser de gran utilidad en muchos casos, por ejemplo si no queremos enviar nuestros checkbox seleccionados a través de un formulario.

¿Cómo obtener todos los checkbox seleccionados en jQuery?

Para hacer esto primero debemos incluir la librería de jQuery, en nuestro caso la vamos a usar desde google. Luego podemos comenzar a programar:

<!DOCTYPE html>
<html>
  <head>
    <title>AJAX en jQuery</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
  </head>
  <body>
    <input type="checkbox" value="1" checked>
    <input type="checkbox" value="2">
    <input type="checkbox" value="3" checked>
    <input type="checkbox" value="4">
    <script type="text/javascript">
      var selected = new Array();
      
      $(document).ready(function() {
      
        $("input:checkbox:checked").each(function() {
             alert($(this).val());
        });
      
      });
    </script>
  </body>
</html>

Con el código anterior vamos a mostrar en pantalla todos los checkbox seleccionados, ahora si solamente queremos los que no fueron seleccionado tenemos que hacer lo siguiente:

$("input:checkbox:not(:checked)");

Y si simplemente queremos todos los checkbox podemos hacer:

$("input:checkbox");

Bueno gente, esto es todo lo que tenemos que saber para obtener todos los checkbox seleccionados en jQuery, ante cualquier problema no duden en dejar un comentario.

Compartilo en
Share on FacebookTweet about this on TwitterShare on Google+Share on LinkedInPin on PinterestEmail this to someone

AboutJosé Di Meglio

Apasionado de la tecnología y programación. Aportando información gratuita sobre el mundo de la informática.

Deja un comentario

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