Maison > Article > interface Web > Comment rendre la case à cocher invisible avec JavaScript

Comment rendre la case à cocher invisible avec JavaScript

青灯夜游original: 2022-01-26 11:46:121691parcourir

Méthode : 1. Utilisez un élément div pour envelopper la case à cocher ; 2. Utilisez "document.getElementById("id value")" pour obtenir le nœud de l'élément div ; 3. Utilisez "div element node.style.display = " none L'instruction ";" rend la case à cocher invisible.

L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3.

JavaScript rend la case à cocher invisible

Rendre la case à cocher invisible, c'est-à-dire masquer la case à cocher.

Quand il s'agit de masquer des éléments, je pense à utiliser display:none, ce qui nécessite d'ajouter le style à l'élément.

Code d'implémentation :

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	</head>
	<body>
		<div id="box">
		     爱好：<input type="checkbox" name="running" id="run">跑步
		     <input type="checkbox" name="running" id="read">阅读
		     <input type="checkbox" name="running" id="shop">购物
		</div>
		<br />
		<button onclick="myFunction()">让复选框不可见</button>
		<script>
			function myFunction() {
				var box = document.getElementById("box");

				box.style.display = "none";
			}
		</script>
	</body>

</html>

Comment rendre la case à cocher invisible avec JavaScript

[Recommandations associées : Tutoriel d'apprentissage javascript]

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!

JavaScript display

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：Quelles sont les méthodes utilisées pour implémenter des boucles en javascriptArticle suivant：Quelles sont les méthodes utilisées pour implémenter des boucles en javascript

Articles Liés

Voir plus