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.