Estoy trabajando con Spring webflow y tengo un elemento form:checkbox de tipo switch en mi jsp que por defecto debe estar disabled. Me estoy volviendo loco intentando habilitarlo mediante JQuery cuando se cumple una condición.
<form:checkbox id="anId" path="" value="" cssClass="js-switch" disabled="true"/>
El código html que genera es así:
<input id="anId" class="js-switch" disabled="" type="checkbox" value="" data-switchery="true" style="display: none;">
<span class="switchery" id="anId" style="">
<small style=""></small>
</span>
He probado cambiando el disabled a true, eliminando el atributo disabled, también:
$("#anId").trigger("chosen:updated");
¿Cómo debería implementar esto para que funcione?
Marco tu respuesta correcta porque con la información que di, lo es. El problema radica en:
<span style="patatan:a_lot_of_stuff;" class="switchery" id="anId" />
que no copié por brevedad, es quien le da la apariencia de disabled al mismo. Sabiendo eso, solo es:
$("span#anId").attr("style", "pataton:otra_castaña;");
y
<small style="etc" />
pues más de lo mismo:
$("span#anId small").attr("style", "stuff");
Con esto no funciona el evento click ni a la fuerza, intenté:
$("span#anId").off("click");
...al principio (ni sé porqué) pero luego lo usé cuando quiero que vuelva a estar disabled y se comporte como tal. Lo que hice:
$("div#el_que_lo_contiene").click(function(){
if($("span#anId small").css("left")=="20px"){
$("span#anId small").attr("style", "left:0px;y:mas;");
$("input#anId").val(false);
} else {
$("span#anId small").attr("style", "left:20px;y:mas;");
$("input#anId").val(true);
}
});
Para enviar el valor que contiene el input (que es quien realmente lo almacena) hago algo asi:
$("send").click(function(){
$("input#anId").removeAttr("disabled");
});
y debería llegar al controller... Luego controlar el comportamiento y listo.
$("input.anId").attr("disabled", true);
?