フォームメールでフォームで選んだラジオボタンの値をタイトルに付けたいのですが、どうすればよいのでしょうか?私はこのようにしてるのですが
<form method="post" name="mail" enctype="text/plain" onsubmit="document.mail.action='mailto:メールアドレス?subject=' + document.mail.elements['ボックス名'].value + document.mail.ラジオボタン名.checked">
これでやるとボックスの値はタイトルになるのですが、ラジオボタンの値がundefinedとなってしまうのです。
ラジオボタンで4択にした結果もタイトルに表示する方法は無いものでしょうか?どうか教えて下さい。
No.1
- 回答日時:
document.mail.ラジオボタン名[i].checked
チェックされている場合、true
されていない場合、false
ラジオボタンで4択にする場合、javascriptのfor で0~3回して、trueのものの値
document.mail.ラジオボタン名[i].value で値が入ってきます。
------
for(i = 0;i < 3;i++){
if(document.Myform.ラジオボタン名[i].checked == true){
radio_atai = document.Myform.ラジオボタン名[i].value;
}
}
------
radio_atai に、ラジオボタン名の値が入ります。
この回答への補足
この場合スクリプトをヘッダに書きたしておいて
document.mail.ラジオボタン名.checkedと私が書いている所をradio_ataiにすれば良いのでしょうか?
さっそく試したのですがどこか間違えたのか上手く動作しないみたいです。
No.2
- 回答日時:
> document.mail.ラジオボタン名.checked
これはラジオボタンがチェックされているかどうかの真偽を返すためのものです。ですので、ラジオボタンの値を返すには下の方が書かれたようになります。
ただし、下の方が書かれたやり方で値をCGIに渡すにはスクリプト内で行う必要があります。onSubmitに直接書くのではなく、ヘッダーに関数を作って、それを呼び出すようにすれば良いのではないでしょうか。
var radio_atai;
function SUBMIT(){
for(i = 0;i < 3;i++){
if(document.mail.ラジオボタン名[i].checked == true){
radio_atai = document.mail.ラジオボタン名[i].value;
}
}
if(radio_atai){
location.href='mailto:メールアドレス?subject=' + document.mail.elements['ボックス名'].value + radio_atai;
}else{
return false;
}
}
<FORM NAME="mail" onSubmit="return SUBMIT()">
No.4
- 回答日時:
遅いかもしれませんが、テストをしてみました。
--------
<HTML>
<HEAD>
<SCRIPT language="JavaScript">
function check(){
var radio_atai;
for(i = 0;i < 3;i++){
if(document.mail.radio1[i].checked == true){
radio_atai = document.mail.radio1[i].value;
}
}
if (radio_atai){
var box = document.mail.box.value;
var mail_subject = box + radio_atai;
document.mail.action = "mailto:メールアドレス?subject=" + mail_subject;
return true;
} else {
alert("ラジオボタンが選択されていません");
return false;
}
}
</SCRIPT>
</HEAD>
<BODY>
<form method="post" name="mail" enctype="text/plain">
<INPUT TYPE="radio" name="radio1" value="test1">test1
<INPUT TYPE="radio" name="radio1" value="test2">test2
<INPUT TYPE="radio" name="radio1" value="test3">test3
<INPUT TYPE="radio" name="radio1" value="test4">test4
<BR>
<INPUT TYPE="text" name="box">
<BR>
<INPUT TYPE="submit" value="test" onClick="return check()">
</FORM>
</BODY>
</HTML>
--------
このようでもいいでしょうか?
この回答への補足
何度も回答してもらってすみませんが、CGIは使わないでフォームメールでやりたいのですが、この方法でも可能でしょうか?コピー&ペーストでメールアドレスだけ自分のアドレスに書き換えて使って見たところリセットされるようなのですが。。。どういう事でしょうか?一応書かれてる構文自体はある程度わかったのですがそこから進めません(>_<)
補足日時:2001/06/20 13:46No.6ベストアンサー
- 回答日時:
<SCRIPT language="JavaScript">
function check(){
var radio_atai;
for(i = 0;i < 4;i++){
if(document.mail.radio1[i].checked == true){
radio_atai = document.mail.radio1[i].value;
}
}
if (radio_atai){
var box = document.mail.box.value;
var mail_subject = box + radio_atai;
document.mail.action = "mailto:kodera@sophia-souken.co.jp?subject=" + mail_subject;
return true;
} else {
alert("ラジオボタンが選択されていません");
return false;
}
}
</SCRIPT>
----
スクリプトの部分を、↑と変更してみてください。
回答は、見栄えをよくするために、タブの変わりに全角スペースを
入れているので、エラーになります。
これは、全角スペースを抜いてあります
ありがとうございます。実際的には少し他の部分と重なっている部分があるためにまだ使えないのですが、方法は理解出来たと思います。これを参考に自分が今やろうとしてる部分に組み込んで行こうと思います。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript javascript作成してます。ラジオボタンで判定するコードを書いてます。 1 2023/07/18 11:03
- JavaScript ラジオボタンによるフォームの開閉を行いたい 3 2022/03/31 21:30
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- PHP PHPのエラーの解消法について教えて下さい。 1 2023/02/06 10:48
- PHP 入力した部分を表示させたまま(保持)するにはどうすれば良いでしょうか? 1 2023/01/25 11:14
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- PHP PHPで画像の渡しが上手く行きません。 1 2023/02/02 09:39
- HTML・CSS ただいま勉強始めたての初心者です。フォームを縦並べにしたいです。 2 2022/11/20 17:18
- その他(プログラミング・Web制作) seleniumbasic chrome操作について 1 2023/03/29 15:40
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ラジオボタンのチェックが外れ...
-
アンダーバーのname値は取得で...
-
javascript作成してます。ラジ...
-
チェックボックスとテキストボ...
-
ラジオボタンにタブインデック...
-
ラジオボタンをタイトルに
-
JavaScript ラジオボタン デ...
-
データベースの値を判断してラ...
-
フォームPOST後「戻る」時のチ...
-
ラジオボタンのチェック数に応...
-
jQuery 変数の使い方について
-
チェックボックスのON/OFFでVal...
-
正規表現で複数マッチ条件で悩...
-
onchangeイベントを強制的に発...
-
プルダウン 項目が多いので先頭...
-
TextBoxに半角数字以外を入れた...
-
return trueとreturn falseの用...
-
【jQuery】input nameの文字列...
-
<input>の選択肢をプルダウンメ...
-
【jsp/Java】チェックボックス...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ラジオボタンにタブインデック...
-
ラジオボタンのチェックが外れ...
-
javascript作成してます。ラジ...
-
ラジオボタンでチェックした項...
-
ラジオボタンの値でリンク先を...
-
データベースの値を判断してラ...
-
Form内のselectを連動させるに...
-
フォームPOST後「戻る」時のチ...
-
【診断テストの作り方】結果に...
-
チェックボックスとテキストボ...
-
複数のラジオボタンでの選択で...
-
ラジオボタンのValueを受け取り...
-
チェックされたラジオボタンに...
-
ラジオボタンのリセット方法
-
チェックボックスのON/OFFに連...
-
JavaScript ラジオボタン デ...
-
jQueryで複数のラジオボタンを処理
-
ラジオボタンで診断テストを作...
-
ラジオボタンによる有効なボタ...
-
【javascript】firefoxでの、al...
おすすめ情報