初期状態でテーブルの非表示

解決済

質問者：fukotoshi
質問日時：2008/12/05 12:03
回答数：1件

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を初期状態で非表示にしたいのです。