方法: 1. div 要素を使用してチェック ボックスをラップします。 2. "document.getElementById("id value")" を使用して div 要素のノードを取得します。 3. "div 要素のノード.style" を使用します。 .display = "none";" ステートメントにより、チェックボックスが非表示になります。
このチュートリアルの動作環境: Windows7 システム、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でチェックボックスを非表示にする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
