recherche

Maison >interface Web >js tutoriel >Comment désactiver et activer les boutons à l'aide de JS

Comment désactiver et activer les boutons à l'aide de JS

php中世界最好的语言
php中世界最好的语言original
2017-12-31 10:38:235610parcourir

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!

Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Comment implémenter la liste de todolist vue.jsArticle suivant：Comment implémenter la liste de todolist vue.js

Articles Liés

Voir plus