Agregando el atributo marcado a través de jQuery

Question

Estoy usando el siguiente widget http://www.erichynds.com/examples/jquery-ui-multiselect-widget/demos/ Hasta ahora ha funcionado muy bien, pero necesito ayuda para agregar atributos. Al usar Firebug, me di cuenta de que simplemente haciendo clic en la casilla de verificación el atributo comprobado no aparece como yo esperaba. En mi código, he modificado el widget, he podido agregar código para eliminar el atributo de marcado.

this.removeAttribute(\'checked\'); this.checked=false; 

si el artículo fue comprobado de antemano. He tenido éxito en el uso de este código

this.setAttribute(\'checked\', \'checked\'); this.checked=true; 

si el elemento no se ha marcado cuando se carga la página.

Mi problema viene cuando tengo que ser capaz de utilizar ambos conjuntos de código en la casilla de verificación, he intentado lo siguiente

onclick="if($(this).attr(\'checked\') == \'true\') { this.setAttribute(\'checked\', \'checked\'); this.checked=true; } else { this.removeAttribute(\'checked\'); this.checked=false; } 

el código va a quitar el atributo de comprobar (si se activa antes de la mano en la carga de la página), pero cuando intento hacer clic en la casilla de verificación para agregar el atributo (si no está marcado en la carga de la página), no ocurre nada.

Gracias por cualquier ayuda, y lo siento por mi pobre codificación.

Answer 1

Al usar Firebug, me he dado cuenta de que simplemente haciendo clic en la casilla de verificación el atributo marcado no aparece como yo esperaba.

¿Por qué necesita el atributo checked en absoluto? La propiedad checked proporciona toda la funcionalidad que normalmente necesitaría, es decir, marcar la casilla establecerá element.checked en true y viceversa, es decir, modificar element.checked cambiará el estado del cuadro.

Answer 2

me he dado cuenta de que simplemente haciendo clic en la casilla de verificación del atributo comprobado no aparece

Eso es absolutamente correcto. El atributo checkedno se corresponde con con la comprobación actual de la entrada; en realidad corresponde a la verificación inicial del documento HTML, la verificación que se restablecerá si se restablece el formulario.

IE agrega el atributo porque IE está mal. getAttribute/setAttribute están rotos en IE, ¡nunca los use en un documento HTML! De hecho, establecieron la propiedad, no el atributo.

Esta es la propiedad defaultChecked. Pero, ¿por qué intentas configurar el atributo checked? Casi nunca hay una buena razón para hacerlo. Normalmente, la simple y antigua propiedad checked es lo que estás buscando.

Answer 3

En jQuery para eliminar un atributo utilizar

this.removeAttr('checked'); 

y para establecer un atributo utilizar

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