Jquery para deshabilitar un botón HTML no funciona

Question

Estoy tratando de obtener algo de jQuery para deshabilitar el botón confirmar en mi formulario si la lista desplegable tiene un valor determinado, pero no parece estar funcionando.

He leído muchas publicaciones aquí y he intentado de diferentes maneras.

Aquí está mi código en la actualidad

<script> 
     $(document).ready(function() { 
     // Handler for .ready() called. 
     $('#MoveToCompanyId').attr("disabled", true); 

     $('#DeleteAll').live("click", function() { 

      if ($(this).attr("value") == "True") { 
       $('#MoveToCompanyId').attr("disabled", true); 
      } else { 
       $('#MoveToCompanyId').attr("disabled", false); 
       $('#confirm').attr("disabled", true); 
       $('#MoveToCompanyId').change(function() { 
        if ($("#MoveToCompanyId option:selected").text() != "---Select Company---") { 
        $('#confirm').removeAttr("disabled"); 
        alert($("#MoveToCompanyId option:selected").text()); 
       } 
       else { 
        $('#confirm').attr("disabled", true); 
        alert("I should be disabled!"); 
       } 

      }); 
     } 
     }); 
    }); 

    </script> 

Puede alguien ver ningún problema con ella?

Solo para aclarar, sé que se mete en los bloques de código correctos ya que mis alertas están funcionando. Es solo el botón de deshabilitación que no funciona.

Saludos cordiales,

Gareth

Answer 1

Debería utilizar

prop('disabled',true) 
prop('disabled',false) 

si está utilizando jQuery 1.6 + b, entonces debería e usando prop.

leer más sobre prop

propiedades generalmente afectan el estado dinámico de un elemento DOM sin cambiar el atributo HTML en serie. Los ejemplos incluyen la propiedad de valor de los elementos de entrada, la propiedad deshabilitada de las entradas y los botones, o la propiedad marcada de una casilla de verificación. El método .prop() se debe usar para desactivar y verificar en lugar del método .attr(). El método .val() se debe usar para obtener y establecer el valor.

Answer 2

Debería utilizar

.attr('disabled', 'disabled') 

para desactivar un control y

.removeAttr('disabled') 

para que pueda.

http://www.w3schools.com/tags/att_input_disabled.asp

Answer 3

Trate

attr('disabled', 'disabled') 

en lugar de

attr("disabled", true);