Skip to main content
se añadieron 1323 caracteres en el cuerpo
Origen Enlace
Luis
  • 13
  • 3

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.

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?

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.

No consigo habilitar el estado disabled en un form:checkbox disabled no consigo habilitarlo de nuevo

estoyEstoy 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?

form:checkbox disabled no consigo habilitarlo de nuevo

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?

No consigo habilitar el estado disabled en un form:checkbox

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?

se eliminaron 18 caracteres en el cuerpo
Origen Enlace
Luis
  • 13
  • 3

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="left: 0px; transition: left 0.2s;"><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?

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" />

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="left: 0px; transition: left 0.2s;"></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?

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?

Origen Enlace
Luis
  • 13
  • 3
Loading