Maison > Article > interface Web > Comment désactiver et activer les boutons à l'aide de JS
Comment désactiver et activer les boutons à l'aide de JS
- php中世界最好的语言original
- 2017-12-31 10:38:235516parcourir
Ce que je vais vous montrer cette fois, c'est comment utiliser JS pour désactiver et activer les boutons. Les boutons sont très fréquemment utilisés lorsque nous réalisons des projets. Cet article vous donnera une bonne analyse.
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>
<div 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>
</div>
</body>
</html>Je crois que vous avez lu le. introduction ci-dessus.Après avoir maîtrisé la méthode, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php pour un contenu plus passionnant !
Lecture connexe :
Comment ajax peut-il lire le json local
Comment utiliser Vue Custom instructions pour remplir un menu déroulant
Introduction détaillée à l'utilisation de require.js
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!