multiple - set checked false jquery

Configuración de un control de solo lectura con jquery 1.6.prop()

Question

Con el lanzamiento de jQuery 1.6, la recomendación sobre SO ha sido generalmente comenzar a usar prop () donde solía usar attr ().

¿Qué pasa cuando quiero hacer un elemento de solo lectura?

$(''.control'').prop(''readonly'', ''readonly'');
$(''.control'').prop(''readonly'', true);

Ninguno de estos parece hacer el control de solo lectura. ¿Es un elemento de solo lectura la excepción a la regla?

Answer 1

El problema es que el nombre de la propiedad distingue entre mayúsculas y minúsculas. Tratar:

$(''.control'').prop(''readOnly'', true);

Aunque en realidad no sé por qué esto requiere jQuery. Esto funciona igual de bien:

document.getElementsByClassName("control")[0].readOnly = true;

Answer 2

Prueba esto:

$(".control").prop({ readOnly: true });

Pienso de esta manera: .attr() obtiene el valor predeterminado en el marcado html mientras que .prop() obtiene / establece el valor dinámicamente. Mira lo siguiente:

<input id="someInput" readonly="readOnly" />

$(".control").attr("readOnly") // would yield "readOnly"
$(".control").prop("readOnly") // would yield true
$(".control").is(":readOnly")  // would yield true

La documentación de la api dice esto:

La diferencia entre atributos y propiedades puede ser importante en situaciones específicas. Antes de jQuery 1.6, el método .attr () a veces tomaba en cuenta los valores de las propiedades al recuperar algunos atributos, lo que podría causar un comportamiento inconsistente. A partir de jQuery 1.6, el método .prop () proporciona una manera de recuperar explícitamente los valores de las propiedades, mientras que .attr () solo recupera los atributos.