Explizit gesetzt disabled = "false" im HTML funktioniert nicht

Question

Ich möchte explizit eine Schaltfläche als aktiviert in der HTML-Datei. Der Grund ist, dass mein Code später den Button deaktiviert und wenn der Code abstürzt oder ich die Schaltfläche deaktiviert sehe.

kann ich den Knopf mit

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

deaktivieren, aber dann ein HTML enthält:

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

zeigt noch die Taste als deaktiviert. Der Inspektor zeigt:

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

Ich weiß, ich

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

oder ähnliches tun, aber es ist nicht gut, dass für viele Elemente in dem HTML-Code zu tun.

Answer 1

HTML verwendet überraschenderweise keine booleschen Werte für boolesche Attribute.

In HTML werden boolesche Attribute angegeben, indem entweder nur der Attributname oder (insbesondere in XHTML) der Attributname als Wert verwendet wird.

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

Dies wird in der HTML-Spezifikation dokumentiert: http://www.w3.org/TR/html5/infrastructure.html#boolean-attribute

Eine Reihe von Attributen boolean Attribute sind. Das Vorhandensein eines booleschen Attributs für ein Element stellt den wahren Wert dar, und das Fehlen des Attributs stellt den falschen Wert dar.

Die Werte "true" und "false" sind bei booleschen Attributen nicht erlaubt. Um einen falschen Wert darzustellen, muss das Attribut vollständig weggelassen werden.

Answer 2

Wenn Sie Angularng-disabled stattdessen verwenden, versuchen. In diesem Fall können Sie solche Sachen verwenden:

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

und es funktioniert wie erwartet ...

Answer 3

Ich weiß, dies ist ein altes Thema, aber da es keine deutliche Antwort ist, tut diese Hilfe? Dies beantwortet die explizit als aktivierte Frage.

Auch ich untersuche dies für die Verwendung einer Schaltfläche aktiviert, wenn Validierung stattfindet. Ich hoffe, das hilft jemandem.

Answer 4

In Zukunft kann jemand helfen.

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