<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に入力した内容が反映)
宜しくお願い致します。
No.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タグの開始タグが抜けていましたよ。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- HTML・CSS テーブルタグのセルの幅の一部だけを指定 1 2023/03/12 12:02
- JavaScript EasyUIのSubGrid(jquery)におけるObjectに入れた連想配列について 1 2022/05/02 11:21
- Visual Basic(VBA) Selenium.ChromeDriverの使い方について 7 2022/09/22 06:43
- PHP 入力した部分を表示させたまま(保持)するにはどうすれば良いでしょうか? 1 2023/01/25 11:14
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript javascript作成してます。ラジオボタンで判定するコードを書いてます。 1 2023/07/18 11:03
- HTML・CSS 自身のHPにYouTube動画を貼り付けるのが出来なくなり困ってます 1 2022/11/11 10:44
- JavaScript 追加ボタンを押した際に ok ボタンを押した場合のみ入力値が追記されるようにしたいです 6 2022/05/29 09:57
- HTML・CSS 私の能力からして間違っていないような気がします。 4 2022/09/30 13:24
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
一括で値を入力するには?
-
1つのformで複数のactionを実...
-
Windows Media Player をJavaSc...
-
input タグで「空白を含む変数...
-
submitをボタン以外にするには
-
複数のフォームを一括で送信す...
-
送信ボタン押下時に値が未入力...
-
JavaScript 超初心者です。 Doc...
-
1アクションでPOST・GET、両方...
-
VB6.0でコントロール配列の配列...
-
type="hidden"を使って時刻を送信
-
HTMLとCSS
-
CGI動作後に元のページに戻る方法
-
子ウインドウを開く際、フォー...
-
フォーム要素以外にもname属性...
-
<a href=**?***=***>をGET方式で
-
</form>タグを使用すると強制的...
-
URL パラメータを使ってフォー...
-
長文のmailtoの使い方
-
フォーム検索先の文字コードが...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
1つのformで複数のactionを実...
-
商品ページのフォームのテキス...
-
動的にnema属性が変化する場合...
-
inputタグのclass名にコロン「:...
-
一括で値を入力するには?
-
javaScriptで検索結果の保持
-
input タグで「空白を含む変数...
-
親ウィンドウで動的に作成したh...
-
javasqliptで複数のテキストボ...
-
Document.Writeの使い方を教え...
-
同一ページの複数フォームを一...
-
htmlソースの書き換え
-
今日の日付をセットしたいのですが
-
au着うたのダウンロード
-
googleの検索を自分のHPにつけ...
-
テキストボックスの初期値について
-
「アドオンを実行しようとして...
-
submitをボタン以外にするには
-
1アクションでPOST・GET、両方...
-
送信ボタン押下時に値が未入力...
おすすめ情報