Heim > Artikel > Web-Frontend > Hier sind einige fragenbasierte Titel, die auf dem Inhalt Ihres Artikels basieren: Kurz und einfach: * Wie deaktiviere und aktiviere ich HTML-Eingabeschaltflächen? * Möchten Sie den Status von HTML-Schaltflächen steuern? Hier erfahren Sie, wie! * Dynamisch
So steuern Sie den aktivierten Status von HTML-Eingabeschaltflächen
Sie möchten die Möglichkeit haben, eine HTML-Schaltfläche dynamisch zu deaktivieren und zu aktivieren. So können Sie dies erreichen:
Mit JavaScript
Um die Schaltfläche zu deaktivieren, verwenden Sie den folgenden Code:
<code class="javascript">document.getElementById("Button").disabled = true;</code>
Um die Schaltfläche zu aktivieren , verwenden Sie:
<code class="javascript">document.getElementById("Button").disabled = false;</code>
Verwenden von jQuery
Für jQuery-Versionen vor 1.6:
Deaktivieren Sie die Schaltfläche:
<code class="javascript">$('#Button').attr('disabled','disabled');</code>
Aktivieren Sie die Schaltfläche:
<code class="javascript">$('#Button').removeAttr('disabled');</code>
Für jQuery-Versionen 1.6 und höher:
Deaktivieren Sie die Schaltfläche:
<code class="javascript">$('#Button').prop('disabled', true);</code>
Aktivieren Sie die Schaltfläche:
<code class="javascript">$('#Button').prop('disabled', false);</code>
Code-Demo
In den bereitgestellten Demos finden Sie praktische Beispiele für das dynamische Deaktivieren und Aktivieren einer Schaltfläche.
Das obige ist der detaillierte Inhalt vonHier sind einige fragenbasierte Titel, die auf dem Inhalt Ihres Artikels basieren: Kurz und einfach: * Wie deaktiviere und aktiviere ich HTML-Eingabeschaltflächen? * Möchten Sie den Status von HTML-Schaltflächen steuern? Hier erfahren Sie, wie! * Dynamisch. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!