Ver Mensaje Individual
  #1 (permalink)  
Antiguo 20/06/2010, 11:54
Avatar de bruli
bruli
 
Fecha de Ingreso: mayo-2006
Ubicación: Valencia, Spain, Spain
Mensajes: 77
Antigüedad: 18 años, 6 meses
Puntos: 2
Seleccionar/quitar checkboxs con jQuery (novato)

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.
__________________
------
Saludos.