Alternar atributo deshabilitado en jquery

Tengo una casilla de verificación que habilita o deshabilita un elemento de selecciónAlternar atributo deshabilitado en jquery

En realidad, uso esta simple pieza de código que funciona bien.

$("#filtri").change(function(){ 
    if ($("#menuContinenti").attr("disabled")) { 
     $("#menuContinenti").removeAttr("disabled"); 
    } else { 
     $("#menuContinenti").attr("disabled", "disabled"); 
    } 
});

¿Es esta la mejor manera o hay algo así como una función para cambiar entre .toggle() discapacitados/habilitado?

Fuente

2012-08-10 Naigel

Si no está roto .. .no lo arregles :) – Nope

@ FrançoisWahl sí funciona (como escribí), pero ¿es esta la mejor manera de intentar esto? ¿pedir? Espero que jquery ofrezca algo así como una función .toggle() para alternar entre atributos booleanos como disabled – Naigel

jQuery tiene una alternancia pero solo para alternar la visibilidad: http://api.jquery.com/toggle/ No sé de un jQuery incorporado alternar para deshabilitar/habilitar, pero puede echar un vistazo a todos los efectos en sus documentos: http://api.jquery.com/category/effects/ – Nope

Debe utilizar .prop para discapacitados:

$("#menuContinenti").prop('disabled', function() { 
    return ! $(this).prop('disabled'); 
});

ACTUALIZACIÓN: no se dio cuenta el valor actual de la propiedad es un argumento para la función; esta versión es aún más limpio:

$("#menuContinenti").prop('disabled', function (_, val) { return ! val; });

ACTUALIZACIÓN: ES2015

$("#menuContinenti").prop("disabled", (_, val) => !val);

Fuente

2012-08-10 14:04:25

Es bueno y corto. ¿Cuál es el beneficio de usar '.prop' aunque? No me conozco pero me gusta la brevedad de tu código. – Nope

Agradable. Nunca pensé que lo hiciera de esa manera. –

'this.disabled' funciona bien en lugar de' .prop ('disabled') ' –

Usted puede escribir su propio plugin que hace algo como esto.

Agregue esto después de jQuery, preferiblemente en un archivo de script.

(function($) { 
    $.fn.toggleDisabled = function(){ 
     return this.each(function(){ 
      this.disabled = !this.disabled; 
     }); 
    }; 
})(jQuery);

Entonces utilizar de esta manera:

$('#my-select').toggleDisabled();

Cortesía: Toggle input disabled attribute using jQuery

Fuente

2012-08-10 14:06:44

se puede comprobar usando la función $ .is, como a continuación

$("#filtri").change(function(){ 
    $("#menuContinenti").attr("disabled", ! $(this).is(':checked'));  
});

Fuente

2012-08-10 14:15:11

Me gusta mucho, ya que es muy corto – Sudar

Alternar atributo deshabilitado en jquery

Respuesta

Cuestiones relacionadas