¿Cómo eliminar las casillas de verificación marcadas = “marcadas” con jQuery?

Este es mi guión actual

 $().ready(function(){ $('.prettycheckbox').click(function () { $('.prettycheckbox input').removeAttr('checked'); $('.prettycheckbox a').removeClass('checked'); $("a", this).addClass('checked'); $("input", this).addAttr("checked"); }); });  

Pero no funciona bien, ya que la parte con la adición y eliminación de la clase a los enlaces funciona bien, pero para la entrada no funciona.

Cómo hacer que la checkbox “marcada” se vea así:

  

¿Y todos los demás se ven así ?:

  

¿Como hacer eso? ¿Algo como el tipo de entrada de radio usando jquery y casillas de verificación?

En,

jQuery 1.6+

Para cambiar la propiedad de la checkbox, debe usar la función .prop() .

 $('.prettycheckbox input').prop('checked', false); $('.prettycheckbox input').prop('checked', true); 

jQuery 1.5 y por debajo

La función .prop() no existe, pero .attr() hace algo similar:

 $('.prettycheckbox input').attr('checked', 'checked'); 

Nota : removeAttr es válido, pero addAttr no lo es.

Use prop() para cambiar el valor checked

 $('.prettycheckbox input').prop('checked', false); 

Algo más a destacar, el método addAttr no existe.

prueba esto

 document.getElementById("check1").checked = true; document.getElementById("check1").checked = false;