radioボタンvalue内容を追加表示するには？

質問

あるサイトでみつけたサンプルを利用して、メール送信フォームをJavascriptで作成しようとして、下記サーバにアップしました。

http://www.geocities.jp/edblearning/tmp/Application5a.html

データを入力した後、「送信する」ボタンをクリックすれば、
入力データが不足していればコメントが戻り、
必要データをすべて入力すれば、送信前に、内容確認メッセージが表示されるというものです。

これらの入力データのうち、radioボタンでの入力データの「性別」と「年齢」については、サンプルでは内容確認メッセージが表示されません。表示させるには、ソースをどのようにすればよいのでしょうか？

上記のアップしたファイルのソースを参照のうえ、教えていただきたくお願いします。

回答No.1

muuming2001

直接の答えではありません。勉強用のヒントのみです。

return confirm("内容は以下の通りですね？"+br
+"お名前 :"+document.myForm.NAME1.value +br
+"ふりがな :"+document.myForm.NAME3.value +br
+"メールアドレス："+document.myForm.MAIL.value+br
+"ADRES:"+document.myForm.ADRES.value+br

あたりを書き換えることになるとおもいますが、

return confirm("内容は以下の通りですね？"+br
+"お名前 :"+document.myForm.NAME1.value +br
+"ふりがな :"+document.myForm.NAME3.value +br
+"メールアドレス："+document.myForm.MAIL.value+br
+"ADRES:"+document.myForm.ADRES.value+br
+"年齢:" +●●●●●●●●●+br

●●●●●にチェックされているラジオボタンのvalue値を入れればいいと思います。

http://www.syboos.jp/webjs/doc/get-radio-button-selected-value.html
このへん見れば取得方法は書いてあります。

お礼

参考とするURLなどヒントをありがとうございました。

解決に至らなかったため、補足をしましたが、これに対するご返事がないまま、2週間余りが経過しました。

ゆっくり勉強することにして、この質問を締め切らせていただきます。

ご協力に報いことできず、申し訳ありませんでした。

補足

muuming2001 さん、早速の回答ありがとうございました。
Javascriptの記載方法がわかっていませんので、下記の追加質問をさせていただきます。

1)　return confirm("内容は以下の通りですね？"+br　以下の記述について

内容確認の順番ですが、私の場合、
+"メールアドレス："+document.myForm.MAIL.value+br　の後に
+"性別:" +●●●●●●●●●+br
+"年齢:" +●●●●●●●●●+br　となり、最後に
+"ADRES:"+document.myForm.ADRES.value);
}
となるのでしょうか？

２）●●●●●にチェックされているラジオボタンのvalue値取得について

教えていただいたサイトによれば、性別のvalue値取得に関して、次の記述があります。

01.<script language="javascript" type="text/javascript">
02.<!--
03.function onChangeSex() {
04. var sex = document.getElementsByName("sex");
05.
06. for(var i=0;i<sex.length;i++) { //radioボタンの場合、同じ名前のHTML要素が１つ以上存在する
07. if (sex[i].checked && sex[i].value == '0') { //男の場合
08. //...
09. }
10. }
11.}
12.
13.onChangeSex();
14.-->
15.</script>

私の場合、この記述を既に書かれた次のJavascriptのどの部分にどのように加えるのでしょうか？

<script language="javascript">
<!--
function checkForm()
{
var err = "";
br=unescape("%0D%0A");
if(document.myForm.NAME1.value==""){err +="お名前が未記入です\n";
}
if(document.myForm.NAME3.value==""){err +="ふりがなが未記入です\n";
}
if(document.myForm.MAIL.value==""){err +="メールアドレスが未記入です\n";
}
if(document.myForm.COMENT.value==""){err +="コメントが未記入です\n";
}

if (err !=""){
alert(err);

for (i=0; i<myForm.length; i++)
{
if (document.myForm[i].value=="")
{document.myForm[i].focus();}
}
return false;}

return confirm("内容は以下の通りですね？"+br

以下、省略

尚、教えていただいたサイトでは、HTML部分の記述が

01.<form>
02. <input type="radio" name="sex" value="0" id="s1" onclick="onChangeSex();" />男 <br/>
03. <input type="radio" name="sex" value="1" id="s2" onclick="onChangeSex();" />女
04.</form>

となっていますが、

サンプルでは該当部分が次のようになっています。

<p>性別　　　　　　　　　　　　：<input
type="radio" checked name="SEX" value="おとこ">おとこ<input
type="radio" name="SEX" value="おんな">おんな<input
type="radio" name="SEX" value="ひみつ">ヒミツ</p>

サンプルの記述も変更しなくてはならないのでしょうか？
サンプルのこの部分も変更となると、関連して他の部分も変更することになるかと思います。
サンプルにあわせて、新たに組み込むことになるJavascriptの記述を変えたいのですが。

以上、よろしくお願いします。c