Seleccionar/quitar checkboxs con jQuery (novato)

bruli · #1 (**permalink**) 20/06/2010, 11:54

Hola a todos.

Estoy haciendo mis primeras pruebas con este framework y no consigo seleccionar todos los checkboxs de un formulario, ni a la inversa.

Se trata del típico caso de que al pulsar un checkbox (en la parte superior), se seleccionan todos y al deseleccionarlo se deseleccionan todos.

Lo único que he conseguido es que funcione solamente uno de ellos. Es decir, sólo funciona el primero.

Os pego el código que he puesto.

Código:

<html>
  <head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <script src="jquery-1.4.2.min.js"></script>
    <script>
        $(document).ready(function(){
            $("#todos").click(function(e){
               if($("#todos").attr("checked")){
                   $("#id").attr("checked", $(this));
                } else{
                    $("#id").removeAttr("checked");
                };
            });
        });
    </script>
  </head>
  <body>
      <form>
          <table>
              <tr>
                  <td>
                      <input type="checkbox" id="todos">
                  </td>
              </tr>
              <tr>
                  <td>
                      <input type="checkbox" id="id">
                  </td>
              </tr>
              <tr>
                  <td>
                      <input type="checkbox" id="id">
                  </td>
              </tr>
              <tr>
                  <td>
                      <input type="checkbox" id="id">
                  </td>
              </tr>
              <tr>
                  <td>
                      <input type="checkbox" id="id">
                  </td>
              </tr>
              <tr>
                  <td>
                      <input type="checkbox" id="id">
                  </td>
              </tr>
          </table>
      </form>
  </body>
</html>

¿Alguna idea de que está fallando?.

Muchas gracias a todos.

Infernal · #2 (**permalink**) 20/06/2010, 16:12

no es correcto ponerle a todos como identificador id, quitaselo y preba asi:

Código Javascript:

Ver original$(document).ready(function(){
 
            $("#todos").click(function() {
 
               inputs = $('table').find('input').filter('[type=checkbox]');
 
               if($(this).attr("checked"))
               {
                     inputs.attr('checked', true);
               } 
                else
               {
                     inputs.attr('checked', false);
               }
 
            });
 
});

bruli · #3 (**permalink**) 20/06/2010, 16:28

Gracias por la respuesta, pero ¿porque no es correcto usar el id?.

En este caso no es así, pero podría darse el caso de que en el formulario hubieran mas checkboxs que no tuvieran que estar afectados por tal comportamiento.

el_gustavo · #4 (**permalink**) 20/06/2010, 20:09

Tenes que tener en cuenta que una pagina, un html es un arbol con distintos nodos, a cada nodo le podes dar una identificacion pero esta identificacion debe ser unica, no pueden existir dos nodos con igual id.

Es normal que te seleccione el primero ya que se asume que existe un unico nodo que tiene ese id, obviamente, es el primero que encuentra.
Podes aprender porque leyendo aqui-->http://dhtmlya.com.ar/temarios/descr...?cod=2&punto=2.

bruli · #5 (**permalink**) 21/06/2010, 00:40

Muchas gracias por la aclaración el_gustavo, ahora me ha quedado mas claro.