recherche

Maison >interface Web >js tutoriel >Explication détaillée de la désactivation et de l'activation des boutons JS

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

php中世界最好的语言
php中世界最好的语言original
2018-04-16 11:05:584034parcourir

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>

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!

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：Utilisation du code de vue.js+todolistArticle suivant：Utilisation du code de vue.js+todolist

Articles Liés

Voir plus