Cara membuat kotak semak tidak kelihatan dengan JavaScript-Soal Jawab bahagian hadapan-php.cn

Cara membuat kotak semak tidak kelihatan dengan JavaScript

青灯夜游

Lepaskan： 2022-01-26 11:46:12

asal

1653 orang telah melayarinya

Kaedah: 1. Gunakan elemen div untuk membungkus kotak semak; 2. Gunakan "document.getElementById("nilai id")" untuk mendapatkan nod elemen div . Pernyataan paparan = "tiada";" menjadikan kotak semak tidak kelihatan.

Cara membuat kotak semak tidak kelihatan dengan JavaScript

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi JavaScript 1.8.5, komputer Dell G3.

JavaScript menjadikan kotak pilihan tidak kelihatan

Jadikan kotak pilihan tidak kelihatan, iaitu, sembunyikan kotak pilihan.

Mengenai elemen tersembunyi, saya terfikir untuk menggunakan display:none, yang memerlukan penambahan gaya ini pada elemen tersebut.

Kod pelaksanaan:

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

Salin selepas log masuk

Cara membuat kotak semak tidak kelihatan dengan JavaScript

[Cadangan berkaitan: Tutorial pembelajaran javascript]

Atas ialah kandungan terperinci Cara membuat kotak semak tidak kelihatan dengan JavaScript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!