[SOLUCIONADO] Marcar/Desmarcar todos checkbox Jquery

[marodal]

Hola a todos,

Estoy desarrollando un sitio web y quiero realizar lo siguiente con jquery:

Tengo una serie de checkbox organizados mediante una tabla y quiero tener la opcion de marcarlos/desmarcarlos todos cuando marque o desmarque otro checkbox. Estoy intentando programarlo con Jquery pero no encuentro la solución, aunque parece que la tengo.

El marcado de todos los checkbox lo consigo con esto:

Código:

$("#marcarTodos").click(
			function() {
				$("#diasHabilitados :checkbox").attr('checked', true);
			}
		);

Donde marcarTodos es el checkbox para marcar/desmarcar todos y diasHabilitados es el contenedor donde tengo los checkbox que quiero que se marquen desmarquen. Esto funciona.

El problema viene cuando quiero poder marcar/desmarcar todos. Tengo lo siguiente, pero no funciona:

Código:

$("#marcarTodos").click(
			function() {
				var marcado = $("#marcarTodos").is(":checked");
				
				if(!marcado)
					$("#diasHabilitados :checkbox").attr('checked',true);
				else
					$("#diasHabilitados :checkbox").attr('checked', false);
			}
		);

Cuando lo pruebo y hago click en mi checkbox de marcado general, no se marca ni este ni el resto.

¿Alguna idea?

Gracias de antemano

[JuJoGuAl]

a ver si entendi seleccionar todos los Check de un golpe si uno esta activo y deselecionarlos al estar desactivo?


en jquery preguntas por el estado del Check #marcarTodos, si es TRUE entonces todos los elementos Check los marcas o solo los check q esten dentro de una capa o tengan un nombre en particular...

Aca podes ver un Ejemplo de lo que CREO es lo que estas necesitando:
http://jsfiddle.net/JuJoGuAl/5v5Qd/

te dejo el codigo por si alguien mas le necesita, y llego a borrarlo del Fiddle...

Código HTML:

<p>Marcar Todos
  <input type="checkbox" name="marcarTodo" id="marcarTodo" />
    <label for="marcarTodo"></label>
  </p>
  <p>&nbsp; </p>
  <div id="diasHabilitados">
  <input type="checkbox" name="1" id="1" />1
  <input type="checkbox" name="2" id="2" />2
  <input type="checkbox" name="3" id="3" />3
  <input type="checkbox" name="4" id="4" />4
  <input type="checkbox" name="5" id="5" />5
  <input type="checkbox" name="6" id="6" />6
  </div>
<input type="checkbox" name="7" id="7" />7
 

Esto obvio dentro de: $(document).ready(function () {// Code... });

Código Javascript:

$("#marcarTodo").change(function () {
    if ($(this).is(':checked')) {
        //$("input[type=checkbox]").prop('checked', true); //todos los check
        $("#diasHabilitados input[type=checkbox]").prop('checked', true); //solo los del objeto #diasHabilitados
    } else {
        //$("input[type=checkbox]").prop('checked', false);//todos los check
        $("#diasHabilitados input[type=checkbox]").prop('checked', false);//solo los del objeto #diasHabilitados
    }
});