Explication détaillée de la désactivation et de l'activation des boutons JS-js tutoriel-php.cn

Explication détaillée de la désactivation et de l'activation des boutons JS

php中世界最好的语言

Libérer： 2018-04-16 11:05:58

original

3967 Les gens l'ont consulté

Cette fois, je vais vous apporter une explication détaillée de l'utilisation des boutons de désactivation et d'activation JS Quelles sont les précautions lors de l'utilisation des boutons JS pour désactiver et activer. Ce qui suit est un cas pratique, prenons. un regard.

Sans plus attendre, je publierai le code directement pour vous. Le code spécifique est le suivant :

<!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>

Copier après la connexion

Je crois que vous maîtrisez la méthode après avoir lu le cas dans. cet article, et plus encore. Veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Introduction détaillée au passage des paramètres du composant parent-enfant vue.js

JS+jQuery affiche le démarrage temps (précis à la seconde près)

vue.js+le code todolist utilise

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!