Por qué al hacer clic en la casilla de verificación no se agrega el atributo checked = 'checked'

Question

Cuando hago clic en una casilla de verificación, ¿por qué no se agrega el atributo de verificación ?. Puede ver el código aquí http://jsfiddle.net/FCrSg/

Answer 1

¿Qué está tratando de hacer? Averiguar si está marcado?

$('.user_roles').click(function(){ 
    console.log($(this).is(':checked')); 
}); 

http://jsfiddle.net/petersendidit/FCrSg/1/

Answer 2

El atributo HTML checked significa: activada de forma predeterminada , cuando se carga la página. Este no cambiará cuando se haga clic en la casilla de verificación.

<input type="checkbox" checked="checked"> <!-- The HTML attribute --> 

La propiedad DOMchecked es en realidad el estado actual de la casilla de verificación y de que sea verdadero/falso. Este cambiará cuando se hace clic en la casilla de verificación, pero no está visible cuando se inspecciona el HTML.

$('input:check')[0].checked == true; 
// Whether or not the checkbox is currently checked 

Answer 3

Si desea ver aparecer en el elemento que aparece en la consola, utilice el método nativo setAttribute().

Ejemplo:http://jsfiddle.net/FCrSg/2/

this.setAttribute('checked',this.checked); 

Por lo que se vería así:

$('.user_roles').click(function(){ 
    this.setAttribute('checked',this.checked); 
    console.log($(this)); 
}); 

A continuación, la consola debe darle:

<input class=​"user_roles" type=​"checkbox" checked=​"true">​ 

Aunque normalmente no se necesita el atributo establecido así. Por lo general, la propiedad es suficiente.