Alternar atributo deshabilitado en jquery

Question

Tengo una casilla de verificación que habilita o deshabilita un elemento de selección

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?

Answer 1

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); 

Answer 2

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

Answer 3

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

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