フォームの内容をページ内に表示させたいのですが

[新着] Webテンプレートを仮オープンしました

0   名前： WA-Na ： 2007/07/01（日） 04:52  ID:/dumyTdy sub-t1
フォームに入力した項目を、
「確認」ボタンを押すとページ下に表示するようにしたいのですが、
下記を実行すると名前・テキスト１しか表示されません。

書き方が間違っているのでしょうか？
恐れ入りますが、アドバイスをお願いいたします。

---------------------------------------
<html>
<head>
<script type="text/javascript">
<!--

function input00(){

document.all("name_0").innerHTML= "名前：" + document.all("name").value;
document.all("te").innerHTML= "テキスト１：" + document.all("text1").value;
document.all("chewck_0").innerHTML= "チェック：" + document.all("c1").value + "、" + document.all("c2").value;
document.all("te_2").innerHTML= "テキスト２：" + document.all("text2").value;

}
//-->
</script>
</head>
<body>
<center>
<FORM name="F">
<TABLE border="0">
<TR>
<TD>名前</TD>
<TD><INPUT type="text" name="name" size="15"></TD>
</TR>
<TR>
<TD>テキスト１</TD>
<TD><INPUT type="text" name="text1" size="50"></TD>
</TR>
<TR>
<TD>チェックボックス</TD>
<TD>
<INPUT type="checkbox" name="c1" value="チェック１">チェック1
<INPUT type="checkbox" name="c2" value="チェック１">チェック1
<BR>
</TD>
</TR>
<TR>
<TD>テキスト２：</TD>
<TD><TEXTAREA name="text2" rows="3" cols="50"></TEXTAREA></TD>
</TR>

</TABLE>

<P>
<INPUT type="button" value="確認" onClick="input00()">
</P>
</FORM>
<div id="name_0" width=300></div>
<div id="te" width=300>---</div>
<div id="check_0" width=300>---</div>
<div id="te_2" width=300>---</div>
</TBODY>
</body>
</html>
1   名前： 匿名 ： 2007/07/01（日） 04:52  ID:epW2eUw6 sub-8t
"check_0"ではなく、"chewck_0"となっています。
#え、それだけ？

テストするときは、こまめにalert()をはさんで確認するといいでしょう。
2   名前： WA-Na ： 2007/07/01（日） 04:52  ID:/dumyTdy sub-t1
動きました、ありがとうございます。

ただチェックボックスが、
選択しているものだけ表示させるはずが、全て表示されてしまいます。

これはどうすれば良いのでしょうか？

すみませんがよろしくお願いいたします。
3   名前： 匿名 ： 2007/07/01（日） 04:52  ID:epW2eUw6 sub-8t
チェック状態を調べるにはcheckedプロパティを使います。
チェックされていれば真(true)が、されていなければ偽(false)が返ります。
http://www.tagindex.com/javascript/form/check4.html
4   名前： 匿名 ： 2007/07/01（日） 04:52  ID:K.4sEtYQ sub-Cz
本題とは直接関係ありませんが、今どき document.all なんぞ使っているのには何か理由がありますか。

特に理由がないのなら、document.getElementById/getElementysByName の方がまだマシです。
一覧へ戻る