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>
[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!
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
