Rumah > Artikel > hujung hadapan web > Cara membuat kotak semak tidak kelihatan dengan JavaScript

Cara membuat kotak semak tidak kelihatan dengan JavaScript

青灯夜游asal: 2022-01-26 11:46:121691semak imbas

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.

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>

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!

JavaScript display

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：Apakah kaedah yang digunakan untuk melaksanakan gelung dalam javascriptArtikel seterusnya：Apakah kaedah yang digunakan untuk melaksanakan gelung dalam javascript

Artikel berkaitan

Lihat lagi