Heim  >  Artikel  >  Web-Frontend  >  Detaillierte Erklärung zum Deaktivieren und Aktivieren von JS-Schaltflächen

Detaillierte Erklärung zum Deaktivieren und Aktivieren von JS-Schaltflächen

php中世界最好的语言
php中世界最好的语言Original
2018-04-16 11:05:584029Durchsuche

Dieses Mal werde ich Ihnen die Verwendung der Deaktivierung und Aktivierung von JS-Tasten ausführlich erläutern. Was sind die Vorsichtsmaßnahmen , wenn Sie JS-Tasten zum Deaktivieren und Aktivieren verwenden? ein Blick.

Ohne weitere Umschweife werde ich den Code direkt für Sie veröffentlichen. Der spezifische Code lautet wie folgt:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>按钮启用和禁用</title>
<script type="text/javascript">
function btn1()
{
 document.getElementById("btn1").disabled=true;
 document.getElementById("btn1").innerHTML="禁用按钮1";
 document.getElementById("btn2").disabled=false;
 document.getElementById("btn2").innerHTML="启用按钮2";
 }
 //按钮2
function btn2()
{
 document.getElementById("btn1").disabled=false;
 document.getElementById("btn1").innerHTML="启用按钮1";
 document.getElementById("btn2").disabled=true;
 document.getElementById("btn2").innerHTML="禁用按钮2";
 }
</script>
</head>
<body>
<p style="position:absolute;left:400px;top:200px">
<button id="btn1" onclick="btn1();" style="width:100px;height:100px; ">按钮1</button>
<button id="btn2" onclick="btn2();" style="width:100px;height:100px; margin-left:100px ">按钮2</button>
</p>
</body>
</html>

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall gelesen haben Dieser Artikel und mehr Bitte beachten Sie andere verwandte Artikel auf der chinesischen PHP-Website!

Empfohlene Lektüre:

Ausführliche Einführung in die Parameterübergabe der Eltern-Kind-Komponente von vue.js

JS+jQuery zeigt Boot an Zeit (auf Sekunden genau)

vue.js+todolist-Code verwendet

Das obige ist der detaillierte Inhalt vonDetaillierte Erklärung zum Deaktivieren und Aktivieren von JS-Schaltflächen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn