プロが教える店舗&オフィスのセキュリティ対策術

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<script>

</script>
</head>

<form action="">
<Table Border="1" Width="250">
<Tr>
<Td ColSpan="4" Align="Center">
<B>依頼者</B>
</Td>
</Tr>
<Tr>
<Td Valign="top" Width="20%">
<input type="radio" name="irai" value="本人">本人
</Td>
<Td Valign="top" Width="20%">
<input type="radio" name="irai" value="奥さま">奥様
</Td>
<Td Valign="top" Width="20%">
<input type="radio" name="irai" value="お嬢さま">娘
</Td>
<Td Valign="top" Width="20%">
<input type="radio" name="irai" value="ご子息さま">息子
</Td>
</Tr>
<Tr>
<Td ColSpan="4">
<input type="radio" name="irai">その他
<input type="text" size="21" name="hoka">
</Td>
</Tr>
</Table>
<Table Border="1" Width="250">
<Tr>
<Td ColSpan="4" Align="Center">
<B>依頼者の連絡先</B>
</Td>
</Tr>
<Tr>
<Td Valign="top">
番号:<input type="text" size="27" name="t">
</Td>
</Table>

<Table Border="1" Width="250">
<Tr>
<Td Width="24%">
<center><input type="checkbox" name="1">
</Td><Td>日時確認</Td></Tr>
</Table>
<Table Border="1" Width="250">
<Tr>
<Td Width="24%">
<center><input type="checkbox" name="2">
</Td><Td>依頼内容確認</Td></Tr>
</Table>

<textarea name="yoyaku" value="" rows="5" cols="28">
</textarea>
<br>
<button type="button" onclick="update(this.form);">内容反映</button>
<input type="reset" value="リセット">
</form>
</body>
</html>

「内容反映」を押すと、テキストエリアに以下の様に吐き出され、
リセットで入力内容・テキストエリア共にリセットしたいです。
チェックボックスの2つについては、確認だけですので、
吐き出す必要はありません。

◆反映内容◆
依頼者:(irai選択内容が反映)
連絡先:(tに入力した内容が反映)


宜しくお願い致します。

A 回答 (1件)

以下のソースをご覧ください。



  function update(fm) {
    var output = "";

    output += "依頼者:";

    if (!fm.irai[4].checked) {
      for (var i = 0; i <= 3; i++) {
        if (fm.irai[i].checked) {
          output += fm.irai[i].value;
        }
      }
    } else {
      output += fm.hoka.value;
    }

    output += "\n";
    output += "連絡先:";
    output += fm.t.value;
    output += "\n";

    fm.yoyaku.value = output;
  }

ちなみにbodyタグの開始タグが抜けていましたよ。
    • good
    • 0
この回答へのお礼

bodyタグの指摘まで…
本当にありがとうございます!!

お礼日時:2011/03/03 15:43

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!