Imposta esplicitamente disabilitato = "false" nell'HTML non funziona

Question

Vorrei impostare esplicitamente un pulsante come abilitato nel file html. Il motivo è che il mio codice in seguito attiva o disattiva il pulsante e se il codice si arresta in modo anomalo, potrei vedere il pulsante disabilitato.

posso disattivare il pulsante con

$("#btn").attr("disabled","true") 

ma poi un html contenente:

<button id="btn" disabled="false">I want to be enabled!</button> 

mostra ancora il pulsante come disabilitato. L'ispettore mostra:

<button id="btn" disabled="">I want to be enabled!</button> 

So che posso fare

$("#btn").removeAttr("disabled") 

o simili, ma non è conveniente di farlo per molti elementi nel codice HTML.

Answer 1

HTML non utilizza valori booleani per gli attributi booleani, sorprendentemente.

In HTML, gli attributi booleani vengono specificati aggiungendo semplicemente il nome dell'attributo o (in particolare in XHTML) utilizzando il nome dell'attributo come valore.

<input type="checkbox" disabled>     <!-- HTML --> 
<input type="checkbox" disabled />    <!-- Also HTML --> 
<input type="checkbox" disabled="disabled" /> <!-- XHTML and HTML --> 

questo è documentato nella specifica HTML: http://www.w3.org/TR/html5/infrastructure.html#boolean-attribute

una serie di attributi sono attributi booleani. La presenza di un attributo booleano su un elemento rappresenta il valore vero e l'assenza dell'attributo rappresenta il valore falso.

I valori "true" e "false" non sono consentiti sugli attributi booleani. Per rappresentare un valore falso, l'attributo deve essere omesso del tutto.

Answer 2

Se si utilizza angolare, provare ng-disabled invece. In questo caso è possibile utilizzare cose come:

ng-disabled="true" 
ng-disabled="false" 
ng-disabled={{expression}} 

e funziona come previsto ...

Answer 3

So che questo è un argomento vecchio, ma come non c'è una risposta marcata, fa questo aiuto? Questo risponde alla domanda esplicitamente contrassegnata come abilitata.

Anche io sto indagando su questo per abilitare un pulsante quando si verifica la convalida. Spero che questo aiuti qualcuno.

Answer 4

In futuro, può aiutare qualcuno.

selectLanguage.onchange = function() 
    { 
     var value = selectLanguage.value; 
     if (value != '') { 
      submitLanguage.removeAttribute('disabled'); 
     } else { 
      submitLanguage.setAttribute('disabled', 'disabled'); 
     } 
     // submitLanguage.setAttribute('enabled', 'enabled'); 
    }