JavaScript로 체크박스를 보이지 않게 만드는 방법-프런트엔드 Q&A-php.cn

JavaScript로 체크박스를 보이지 않게 만드는 방법

青灯夜游

풀어 주다： 2022-01-26 11:46:12

원래의

1653명이 탐색했습니다.

방법: 1. div 요소를 사용하여 확인란을 래핑합니다. 2. "document.getElementById("id value")"를 사용하여 div 요소 노드를 가져옵니다. 3. "div 요소 node.style.display = "를 사용합니다. 없음 ";" 문은 체크박스를 보이지 않게 만듭니다.

JavaScript로 체크박스를 보이지 않게 만드는 방법

이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

JavaScript는 체크박스를 보이지 않게 만듭니다

체크박스를 보이지 않게 만듭니다. 즉, 체크박스를 숨깁니다.

요소를 숨길 때는 요소에 스타일을 추가해야 하는 display:none를 사용하는 것이 좋습니다.

구현 코드:

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

로그인 후 복사

JavaScript로 체크박스를 보이지 않게 만드는 방법