※ ChatGPTを利用し、要約された質問です（原文：初期状態でテーブルの非表示）
初期状態でテーブルの非表示 - JavaScript初心者の質問
このQ&Aのポイント
JavaScript初心者が、チェックボックスが選択されたときにのみテーブルを表示させる方法について質問しています。初期状態でテーブルを非表示にする方法が分からず困っています。
質問者は、style='display:none'を指定してもテーブルが非表示にならない問題に直面しています。また、複数の方法を試してもうまくいかないようです。
質問者は、テーブル1とテーブル2を初期状態で非表示にする方法を求めています。
JavaScript初心者です。
チェックボックスをチェックされたときだけ
テーブルを表示させるようにしたいのです。
いろいろ調べながらようやく出来たのですが、
最初にテーブルを非表示にしたいのに出来ません。
style="display:none"を指定すると非表示になるのではないのでしょうか？なにが間違っているのでしょうか？他の記述があるのでしょうか？
function Click_idaaa() {
if (document.all.idaaa.checked==true) {
document.all.aaa.style.display = "block"
} else {
document.all.aaa.style.display = "none"
}
}
function Click_idbbb() {
if (document.all.idbbb.checked==true) {
document.all.bbb.style.display = "block"
} else {
document.all.bbb.style.display = "none"
}
}
<body>
<div>
<p><input id ="idaaa" type="checkbox" name="aiueo" onclick="Click_idaaa()">あいうえお
<input id ="idbbb" type="checkbox" name="kakikukeko"onclick="Click_idbbb()">かきくけこ</p>
</div>
<div id="aaa" style="display:none:">
<table border="1" class="input">
<tr><th><font size="-1">■テーブル１</font></th><td>
<input type="text" name="textfieldName" size="24"></td></tr>
</table>
</div>
<div id="bbb" style="display:none:">
<table border="1" cellspacing="2" cellpadding="0">
<tr><td>テーブル２<p></p></td></tr>
</table>
</div>
</body>
上記で行き詰ってしまい他の方法でと思い、
<body onload="Click_idaaa():Click_idbbb()">
と指定して非表示にさせようとしても出来ませんでした。
複数指定は：ではないのでしょうか？
どの方法でもいいのでテーブル1と2を初期状態で非表示にしたいのです。
お礼
出来ました。ありがとうございました。 ぜんぜん気がつかず・・・でした。