JavaScript暦1ヶ月未満のペーペーです。| OKWAVE

JavaScript暦1ヶ月未満のペーペーです。

JavaScript暦1ヶ月未満のペーペーです。 JavaScriptでテキストとラジオボタンの値を同時に別ページへ渡すものを作っているのですが、過去の質問とは微妙に違っていて困っています。現在ページを２つ作っていて、1ページ目で入力した値(選択したラジオボタンの値）を2ページ目に渡したいのですが、うまく渡せないでいます。【1ページ目ソース】 <html> <head> <title>1page</title> </head> <body> <form name="F1" onsubmit="window.open('2page.html','_blank','');return false;"> テキスト<input type="text" id="tanka1"> ラジオ<input type="radio" name="kosu1" id="rad1" value="1">1 <input type="radio" name="kosu1" id="rad1" value="1">2 <input type="submit" value="送信" onclick=check();> </form> </body> </html> 【2ページ目ソース】 <html> <head> <title>2page</title> <script> window.onload=function (){ document.F2.tanka1.value=window.opener.document.F1.tanka1.value; document.F2.rad1.value=window.opener.document.F1.rad1.value; } </script> </head> <body> <form name="F2"> 1page目テキスト<input type="text" id="tanka1"> 1page目ラジオ<input type="text" id="rad1"> </body> </html> これで実行すると、テキストの方はきちんと値が入るのですが、ラジオのほうが「undefined」と入ってしまいます。正常に、選んだラジオボタンのvalueが入るようにするにはどうしたらいいでしょうか？

現在javascriptでチェックボックスで選択した項目のvalueを

現在javascriptでチェックボックスで選択した項目のvalueを次ページに渡すものを作成しています。１つだけ選択すると正常に値が動くのですが、複数選択すると後に選択したほうの値だけが入ってしまいます。複数選択した場合に選択した全てのvalueが入るようにするにはどうしたらいいでしょうか？【1ページ目ソース】 <html> <head> <title>1page</title> </head> <body> <form name="F1" onsubmit="window.open('2page.html','_blank','');return false;"> A<input type="text" id="tanka1"> B<input type="checkbox" name="che1" id="check1" value="1">1 <input type="checkbox" name="che1" id="check1" value="2">2 <input type="checkbox" name="che1" id="check1" value="3">3 <input type="submit" value="送信" onclick=check();></form> </body> </html> 【2ページ目ソース】 <html> <head> <title>2page</title> <script> window.onload=function (){ document.F2.tanka1.value=window.opener.document.F1.tanka1.value; if (window.opener.document.F1.che1[0].checked)document.F2.check1.value=1; if (window.opener.document.F1.che1[1].checked)document.F2.check1.value=2; if (window.opener.document.F1.che1[2].checked)document.F2.check1.value=3; } </script> </head> <body> <form name="F2"> A<input type="text" id="tanka1"> B<input type="text" id="check1"> <br><br> </body> </html>

JavaScript for文の処理

JavaScriptでクイズの採点をしたいと思っています。 ↓のスクリプトを書いたのですが「ページでエラーが発生しました」という表示がステータスバーにでます。二問とも一番下の選択肢を選んだ場合「２点です」とアラートに表示させたいのですがどうしても、うまくいきません。おそらくfor文内の score + document.myFORM.elements[i].value; このへんがおかしいのだと思うのですが。どなたか修正方法をお願いします。 <HTML> <HEAD> <script Language="JavaScript"></script> </HEAD> <BODY> <FORM name="myFORM">第一問：あなたは？ <BR> <INPUT TYPE="RADIO" NAME="q1" ID="r1"VALUE="0"> <LABEL FOR="r1">引きこもり</LABEL> <BR> <INPUT TYPE="RADIO" NAME="q1" ID="r2" VALUE="1"><LABEL FOR="r2">立てこもり</LABEL> <BR> <INPUT TYPE="RADIO" NAME="q1" ID="r3" VALUE="1"><LABEL FOR="r3">生き残り</LABEL> <BR><BR> 第二問：あなたは？ <BR> <INPUT TYPE="RADIO" NAME="q2" ID="r2_1" VALUE="0"><LABEL FOR="r2_1">引きこもり</LABEL> <BR> <INPUT TYPE="RADIO" NAME="q2" ID="r2_2" VALUE="0"><LABEL FOR="r2_2">立てこもり</LABEL> <BR> <INPUT TYPE="RADIO" NAME="q2" ID="r2_3" VALUE="1"><LABEL FOR="r2_3">オタク</LABEL> <BR><BR> <input type="button" value="採点する" onClick="GetScore()"> </FORM> </BODY></HTML>

javascriptで取得した値を、FORMで送信する

いつもお世話になっております。 jspからwindow.openを使い、別ウインドウを表示しました。別ウインドウでの質問です。 javascriptで前のページ(jsp)の情報を受け取り、それを次のページ(jsp)へFORM(POST)で送りたいのですが、うまくいきません。ご教授下さい。 <HTML> <HEAD> <script type="text/javascript">  </script> </HEAD> <BODY onload="sub()"> <form name="bbb" METHOD="POST" action="http://okwave.jp"> <input type="hidden" name="timeid" value=""> <input type="hidden" name="number00" value="1"> <input type="hidden" name="number01" value="sent()">  当たり前ですが、コメントにしている部分にすると次のページでうまくいきます。 </form> </BODY> </HTML>

Javascriptの結果の出し方で困っています

自分のサイトにチェッカーを入れたくて下記の記述を書きました。 <script> function calc(f){ var sum=0; for(var i=0;i<f.length;i++){ if(f[i].type=="radio" && f[i].checked) sum+=parseInt(f[i].value); } f.judge.value=sum; } </script> <form action="chekker/" method="post"> <ol> <li>aaaaaaaaaaaaa<br> <input type="radio" name="Q1" id="Q1_1" value="2"><label for="Q1_1">はい</label> <input type="radio" name="Q1" id="Q1_2" value="0"><label for="Q1_2">いいえ</label> <br><br> <li>aaaaaaaaaaaaa<br> <input type="radio" name="Q2" id="Q2_1" value="2"><label for="Q2_1">はい</label> <input type="radio" name="Q2" id="Q2_2" value="0"><label for="Q2_2">いいえ</label> <br><br> <li>aaaaaaaaaaaaa<br> <input type="radio" name="Q3" id="Q3_1" value="2"><label for="Q3_1">はい</label> <input type="radio" name="Q3" id="Q3_2" value="0"><label for="Q3_2">いいえ</label> <br><br> <li>aaaaaaaaaaaaa<br> <input type="radio" name="Q4" id="Q4_1" value="2"><label for="Q4_1">はい</label> <input type="radio" name="Q4" id="Q4_2" value="0"><label for="Q4_2">いいえ</label> <br><br> <li>aaaaaaaaaaaaa<br> <input type="radio" name="Q5" id="Q5_1" value="2"><label for="Q5_1">はい</label> <input type="radio" name="Q5" id="Q5_2" value="0"><label for="Q5_2">いいえ</label> <br><br> <li>aaaaaaaaaaaaa<br> <input type="radio" name="Q6" id="Q6_1" value="2"><label for="Q6_1">はい</label> <input type="radio" name="Q6" id="Q6_2" value="0"><label for="Q6_2">いいえ</label> <br><br> <li>aaaaaaaaaaaaa<br> <input type="radio" name="Q7" id="Q7_1" value="2"><label for="Q7_1">はい</label> <input type="radio" name="Q7" id="Q7_2" value="0"><label for="Q7_2">いいえ</label> <br><br> <li>aaaaaaaaaaaaa<br> <input type="radio" name="Q8" id="Q8_1" value="2"><label for="Q8_1">はい</label> <input type="radio" name="Q8" id="Q8_2" value="0"><label for="Q8_2">いいえ</label> <br><br> <li>aaaaaaaaaaaaa<br> <input type="radio" name="Q9" id="Q9_1" value="2"><label for="Q9_1">はい</label> <input type="radio" name="Q9" id="Q9_2" value="0"><label for="Q9_2">いいえ</label> <br><br> <li>aaaaaaaaaaaaa<br> <input type="radio" name="Q10" id="Q10_1" value="2"><label for="Q10_1">はい</label> <input type="radio" name="Q10" id="Q10_2" value="0"><label for="Q10_2">いいえ</label> </ol> <center> <p><font size="+1" color="#FF0000"><b>採点！！</b></font></p> <input type="text" name="judge" value="0" SIZE="10"> <input type="button" value="採点する" onClick="calc(this.form);window.open('kekka.html','windowname');"> </p></center> </form> はいが2点、いいえが0点とします。この記述方法だと、テキストボックスに点数の合計が記載されてしまいます。別ページのテキストボックス内に点数の合計を呼び出したいのですが、どうすればいいのでしょうか。出来れば呼び出す際のソースコードなどもすべて記載していただけるとありがたいです。 ※ページの内容で中身が変わるわけではなく、点数の結果を表示したいです。 ※呼び出す際のコードも記載していただけたらありがたいです ※結果のページをkekka.htmlとします。初心者なのでどうしたらいいのか分かりません。よろしくお願いします。

javascriptでラジオボタンをチェックさせて、それによってリンク

javascriptでラジオボタンをチェックさせて、それによってリンクを飛ばしたいと考えています。自分なりに調べて、作成したのですが、フレームを利用しており、ページ全体を移動（top）したいのですが、フレーム内でしか表示されません。 <HTML> <HEAD> <TITLE>らじお</TITLE> <SCRIPT LANGUAGE="JavaScript"> function jump(){ var flag = 0; for(i=0; i<document.forms[0].url.length; i++){ if(document.forms[0].url[i].checked){ flag = 1; window.location.href = document.forms[0].url[i].value; } } if(flag == 0){ alert('ラジオボタンが選択されていません。'); } } </SCRIPT> </HEAD> <BODY> <FORM> <INPUT TYPE="radio" NAME="url" VALUE="表示したいＵＲＬ.htm" checked>選択肢１<br> <INPUT TYPE="radio" NAME="url" VALUE="表示したいＵＲＬ.htm">選択肢２<br> <INPUT TYPE="radio" NAME="url" VALUE="表示したいＵＲＬ.htm">選択肢３ド<br> <INPUT TYPE="button" onClick="jump();" VALUE="移動"> </FORM> </BODY> </HTML> 上記状態で、あちらこちらに"_top"を挿入してみたのですが、うまくいきません。どなたかお知恵を拝借出来ませんでしょうか？

Javascriptの結果の出し方で困っています。

自分のサイトにチェッカーを入れたくて下記の記述を書きました。 <script> function calc(f){ var sum=0; for(var i=0;i<f.length;i++){ if(f[i].type=="radio" && f[i].checked) sum+=parseInt(f[i].value); } f.judge.value=sum; } </script> <form action="chekker/" method="post"> <ol> <li>aaaaaaaaaaaaa<br> <input type="radio" name="Q1" id="Q1_1" value="2"><label for="Q1_1">はい</label> <input type="radio" name="Q1" id="Q1_2" value="0"><label for="Q1_2">いいえ</label> <br><br> <li>aaaaaaaaaaaaa<br> <input type="radio" name="Q2" id="Q2_1" value="2"><label for="Q2_1">はい</label> <input type="radio" name="Q2" id="Q2_2" value="0"><label for="Q2_2">いいえ</label> <br><br> <li>aaaaaaaaaaaaa<br> <input type="radio" name="Q3" id="Q3_1" value="2"><label for="Q3_1">はい</label> <input type="radio" name="Q3" id="Q3_2" value="0"><label for="Q3_2">いいえ</label> <br><br> <li>aaaaaaaaaaaaa<br> <input type="radio" name="Q4" id="Q4_1" value="2"><label for="Q4_1">はい</label> <input type="radio" name="Q4" id="Q4_2" value="0"><label for="Q4_2">いいえ</label> <br><br> <li>aaaaaaaaaaaaa<br> <input type="radio" name="Q5" id="Q5_1" value="2"><label for="Q5_1">はい</label> <input type="radio" name="Q5" id="Q5_2" value="0"><label for="Q5_2">いいえ</label> <br><br> <li>aaaaaaaaaaaaa<br> <input type="radio" name="Q6" id="Q6_1" value="2"><label for="Q6_1">はい</label> <input type="radio" name="Q6" id="Q6_2" value="0"><label for="Q6_2">いいえ</label> <br><br> <li>aaaaaaaaaaaaa<br> <input type="radio" name="Q7" id="Q7_1" value="2"><label for="Q7_1">はい</label> <input type="radio" name="Q7" id="Q7_2" value="0"><label for="Q7_2">いいえ</label> <br><br> <li>aaaaaaaaaaaaa<br> <input type="radio" name="Q8" id="Q8_1" value="2"><label for="Q8_1">はい</label> <input type="radio" name="Q8" id="Q8_2" value="0"><label for="Q8_2">いいえ</label> <br><br> <li>aaaaaaaaaaaaa<br> <input type="radio" name="Q9" id="Q9_1" value="2"><label for="Q9_1">はい</label> <input type="radio" name="Q9" id="Q9_2" value="0"><label for="Q9_2">いいえ</label> <br><br> <li>aaaaaaaaaaaaa<br> <input type="radio" name="Q10" id="Q10_1" value="2"><label for="Q10_1">はい</label> <input type="radio" name="Q10" id="Q10_2" value="0"><label for="Q10_2">いいえ</label> </ol> <center> <p><font size="+1" color="#FF0000"><b>採点！！</b></font></p> <input type="text" name="judge" value="0" SIZE="10"> <input type="button" value="採点する" onClick="calc(this.form)"> </p></center> </form> はいが2点、いいえが0点とします。この記述方法だと、テキストボックスに点数の合計が記載されてしまいます。別ページに点数の合計を呼び出したいのですが、どうすればいいのでしょうか。 ※ページの内容で中身が変わるわけではなく、点数の結果を表示したいです。 ※呼び出す際のコードも記載していただけたらありがたいです ※結果のページをkekka.htmlとします。初心者なのでどうしたらいいのか分かりません。よろしくお願いします。

JavaScriptの計算式を添削してください。

250×変数Ａ＋200×変数Ｂ＋150×変数Ｃ＝合計という計算をしたくて過去の質問をヒントに自分なりに工夫して作成いたしました。（JavaScriptは超初心者）変数Ａ～Ｂには整数が入ります。自分で動作を確認したところ問題無く動くようですが、何か問題がないか心配です。これでいいのか、間違っているところがないか確認願いますでしょうか。 <HTML> <HEAD> <SCRIPT language="JavaScript">  </SCRIPT> <TITLE></TITLE> </HEAD> <BODY> <FORM name="f"><INPUT type="text" name="t1" onkeyup="calc()" value="0"><INPUT type="text" name="t2" onkeyup="calc()" value="0"><INPUT type="text" name="t3" onkeyup="calc()" value="0"> ＝ <INPUT type="text" name="t4"></FORM> </BODY> </HTML>

javascriptを使ったフォームをCGIで取得できない

フォームに名前、フリ仮名、性別（ラジオボタン）、生年月日（選択メニュー）があり、下記は確認ページで、javascriptを使って、表示されます。でもCGI（以下にあります）では名前のみ取得できあとの値は表示されません。どうすればよいでしょうか ---- <html lang="ja"> <head> <script type="text/javascript"> </script> </head> <body onLoad="Cng();"> <form name="kuser" action="./5-2.cgi" method="post" enctype="text/plain"> 氏名：　　　　<input type="text" name="kname" value="" size="30"><br><br> ふりがな：　<input type="text" name="kfurigana" value="" size="30"><br><br> 性別：　　　　<input type="text" name="ksex" value="" size="7"><br><br> 生年月日：　　　西暦 <input type="text" name="kyear" value="" size="10"> 年　　<input type="text" name="kmonth" value="" size="5"> 月　　<input type="text" name="kday" value="" size="5"> 日<br><br> <tr><td colspan="2" align="right"> 　　　　　　　　<input type="submit" value="送信"> 　　<input type="button" value="戻る"> ----- （CGI） #! c:/perl/bin/perl # フォームデータの取得 if($ENV{'REQUEST_METHOD'} eq 'POST') { read(STDIN, $query, $ENV{'CONTENT_LENGTH'}); } else { $query = $ENV{'QUERY_STRING'}; } foreach $pair (split(/&/, $query)){ ($key, $value)=split(/=/, $pair); $value=~tr/+/ /; $value=~s/%([0-9a-fA-F][0-9a-fA-F])/chr(hex($1))/eg; $FORM{$key}=$value; } # サーバー出力 print <<END; Content-type: text/html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html> <head><title>ふぉーむでーた</title></head> <body> <h1>フォームデータ</h1> <table border="1"> <tr><th>フォーム要素</th><th>データ</th></tr> END foreach $key (keys %FORM){ print "<tr><th>$key</th><td>$FORM{$key}</td></tr>\n"; } print <<END; </table> </body> ---

JavaScriptで得た値を別ページに反映

JavaScriptで得た値を別ページに反映させたいと思っています。同一ページでは上手くいきますが、別ページへの反映ができません。教えてください、宜しくお願いします。同一ページのサンプル <html> <head> <title>aa</title> <Script LANGUAGE='JavaScript'>  </Script> </head> <body> <form name='form1' action=''> <div id='label1'>ここに表示</div> <input type='text' name='txt' value=''> <input type='button' name='btn' value='ボタン' onClick='fncDisp()'> </form> </body> </html>

javascript のsyntaxについて

HTML文書でJavaScriptを使い、任意の数の<input type="text" .. > タグを表示させようとしています。添付の写真の上の方にある"number of parts" の部分が、その任意の数を入れる所で、隣のボタンを押すと関数 "inputBox()" を呼ぶようにしてあります。入力した任意の数だけwindow.document.write() で書かれた入力ボックスが出てくると思ったのですが、出てきません。 maxQty=window.document.getElementById("qty").value; によって取得した任意の数をforループで使っていますが、これが働いていないようです。　というのは、この文をコメントアウトして具体的な数を入れるとちゃんとその数だけの入力用の行が出てくるからです。どう考えてもこの文に間違いはないように思われますが、どこがおかしいのか、どなたか教えてくださいませんでしょうか。以下にソースコードをコピーします。 <!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title> makeBOMtables.html</title> <script type="text/javascript"> </script> </head> <body bgcolor="navy" style="font-size:16pt; color:yellow"> <center> <h3>company name</h3> <h2>Product BOM List making Program</h2> <form method="POST" action="makeBOMtables.php"> <table border="1"> <tr><td>product number</td> <td> description </td><td>number of parts</td><td></td></tr> <tr> <td><input type="text" size="16" style="font-size:16pt" id="prodNum" name="prodNumx"/></td> <td><input type="text" size="50" style="font-size:16pt" id="prodName" name="prodNamex" /></td> <td><input type="text" size="5" style="font-size:16pt" id="qty" name="qtyx"/></td> <td><input type="button" value="make BOM" onclick="inputBox()"></td> </tr> </table> </br> <script > var maxQty; function inputBox(){ window.document.write("<html><head></head><body bgcolor='navy' style='font-size:16pt; color:yellow'><center>"); window.document.write("<table border='1'>"); window.document.write("<tr> <th>item #</th><th>part number</th> <th>description </th><th>we need</th>"); window.document.write(" <th>we have</th> <th></br></th></tr>"); // table header maxQty=window.document.getElementById("qty").value; for (var count=1; count<=maxQty; count++){ window.document.write("<tr>"); window.document.write("<td><input type='text' size='5' style='font-size:12pt' id='item"+ count + "' name='itemx"+ count +"' value="+ count +" /></td>" ); window.document.write("<td><input type='text' size='16' style='font-size:12pt' id='partNum"+ count + "' name='partNumx"+ count +"' /></td>" ); window.document.write("<td><input type='text' size='50' style='font-size:12pt' id='partName"+ count + "' name='partNamex"+ count +"' /></td>" ); window.document.write("<td><input type='text' size='5' style='font-size:12pt' id='qtyN"+ count +"' name='qtyNx"+ count + "' /></td>" ); window.document.write("<td><input type='text' size='5' style='font-size:12pt' id='qtyH"+ count +"' name='qtyHx"+ count + "' /></td>" ); window.document.write("<td><input type='submit' value='end input'/> </td>"); window.document.write("</tr>"); }// end for window.document.write("</center></body></html>"); } </script> </form> </center> </body> </html> また、入力行が表示されるのは、なぜか別のページですが、これは今は気にしません。詳しい方がいらっしゃいましたら、よろしくお願いいたします。

javascriptのパスワードっぽいもの

現在入力したキーワードが合っていれば、リンクに飛ぶというページが作りたくて苦闘しているのですが、「オブジェクトを指定してください。」というエラーが出て上手くいきません。考えてみても心当たりがないのですが、何がいけないのでしょうか？以下にページのソースを記述いたしましたので、何かお気づきな点がございましたら、ご教授いただければ幸いです。よろしくお願いいたします。 <html> <head> <title>判定</title> <spript language = "JavaSpript">  </spript> </head> <body> <form name="form"> <input type="text" size="5" name="txt"> <input type="button" value="クリック" onclick="pass(document.form.txt.value)"> </form> </body> </html>

javascriptについて

変数のクリア

下のようなソースで、設問 form から変数scoreを取得し、点数によって表示する診断結果画面をふりわけています。ところが、何回かこの診断テストをやっているうちに、6点以上のときだけ表示するつもりの sindan3．htmlしか表示されなくなって困っています。どなたか、修正方法をご指導いただけないでしょうか。 <HTML LANG="JA"><HEAD> <script Language="JavaScript"></script></HEAD> <BODY> <FORM name="myFORM">第一問：あなたは？ <BR> <INPUT TYPE="RADIO" NAME="q1" ID="r1" VALUE="1">引きこもり <BR> <INPUT TYPE="RADIO" NAME="q1" VALUE="2">立てこもり <BR> <INPUT TYPE="RADIO" NAME="q1" VALUE="3">生き残り <BR><BR> 第三問：あなたは？ <BR> <INPUT TYPE="RADIO" NAME="q3" ID="r3_1" VALUE="1"> <LABEL FOR="r3_1">引きこもり</LABEL> <BR> <INPUT TYPE="RADIO" NAME="q3" ID="r3_2" VALUE="2"> <LABEL FOR="r3_2">立てこもり</LABEL> <BR> <INPUT TYPE="RADIO" NAME="q3" ID="r3_3" VALUE="3"> <LABEL FOR="r3_3">ヤリヤリ・ロリロリ</LABEL> <BR><BR> <input type="button" value="診断" onClick="GetScore()"> </FORM> </BODY></HTML>

JavaScriptのdisabledがうまく動かない

以下のソースで、JSの箇所（disabled）だけですと動くのですが、送信フォームを追加すると、エラーになってしまいます。 <HTML> <HEAD> <TITLE></TITLE> <script language=javascript1.2>  </script> <input type="submit" value="送信"> <FORM action="test.html" method="POST" target="_blank"> <form name=form1> <tr><td align="right"> <input type="checkbox" name="f_level" value="f_level" onclick="textboxdisable(this.checked)">登録レベル</td> <td><input type="radio" name="f_level2" value="main" disabled>主メール <input type="radio" name="f_level2" value="sub" disabled>サブメール</td></tr> </form> </BODY> </HTML> どこが悪いのか、もうかれこれ半日考えています・・分かる方いらっしゃいましたら、教えていただけますでしょうか。

Javascriptを使った隠しページ探しについて

隠しページ探しのホームページを作っているのですが、【index.html】と【fff.js】という２つのファイルで作っています。【index.html】は <html><head><title>第１問</title><script src="fff.js"></script> </head> <body oncontextmenu="return false;" onkeydown="return false;"> ここに答えを入れて下さい。<br> <form name="ike"> <input type="text" name="nyu"><input type="button" value="回答" onclick="ikou()"> </form> </body></html> 【fff.js】は function ikou(){ var a = document.ike.nyu.value+'9'; if(a == 6){ 　if(a == 9){ document.write('次は379.htmlです。'); 　}else{ 　window.alert('はずれ'); }else{ window.alert('はずれ'); } （次は379.htmlです。の所は実際は暗号化）です。 fff.jsの書き換えを行って解く問題にしようと思っているのですが、エラーになってしまいます。どこを直せばいいのでしょうか。

JavaScriptのロジック？

<HTML> <HEAD> <TITLE>JavaScript</TITLE> <SCRIPT type="text/javascript">  </SCRIPT> </HEAD> <BODY> <form name="SampleForm" method="POST"> <table align="center"> <TR> <TD>OnClick機能 :　<Input type="text" name="nameOne" value="Ok"><Input type="submit" value="押して！" onclick="funDouble()" ></TD> <TD>| 結果 => | </TD> <TD>　OnChange後同じ値を２重表示 ;　<Input type="text" name="nameTwe" value="123456"></TD> </TR> </table> </form> </BODY> </HTML>

javascriptでフォーム要素の状態を制御

いつもお世話様です。 phpでフォームを構成しています。フォーム内のradioボタンの状態で、以降のラジオボタン、プルダウン、テキスト入力を制御したいです。＜制御内容（やりたいこと）＞ situmon.phpで、 q1のラジオボタンが1の場合は、q2は回答しなくていい。（2の場合だけ回答させる。） q3のチェックボックスが1でない場合は、プルダウンとテキストは入力しなくていい。（1の場合だけ回答させる。）＜現状のソース＞ちなみに、該当するjavascript部分は、いろいろなサイトをみて、いろいろ書き換えて試しましたが、どうもうまくいかず、断念した段階そのままの状態です。よって、ご回答はこれをベースにしなくても大丈夫です。よろしくお願いします。 ---situmon.php--- <script type="text/javascript">  </script> <body> <form name="form">  <input type="radio" name="q1" id="q1" value="1" onclick="check();"/>はい <input type="radio" name="q1" id="q1" value="2" onclick="check();"/>いいえ  <input type="radio" name="q2" id="q2" value="1" />なぜ１ <input type="radio" name="q2" id="q2" value="1" />なぜ２　（その他： <input type="text" name="q2t" id="q2t" value="<php echo h(@$q2t); ?>" />）  <input type="checkbox" name="q3c" value="1" />楽しかった <select name="q3s"> <option value="" />▼選んで <option value="1" />めちゃめちゃ <option value="2" />めっちゃ <option value="3" />めちゃ </select> その他なにかあったら書いて <textarea name="q3t" id="q3t"><?php echo h(@$q3t); ?></textarea> </body>

Javascriptで複数のフォームを連結したい

初めまして、お世話になります。 Javascriptで複数のフォームを連結したいと考えています。やっと２つのテキストエリアを連結させるところまで出来るようになりました。やりたいことは、出力させるときに下記のようにしたいのですが、どのようにすれば良いかご教授いただけば幸いです。テキストエリア：text01とtext02を連結させて出力させる時に、 text01とtext02の間に”改行コード”を追加したいのです。それとラジオボタンで選択をした値を取得するための、スクリプの記述方法もご教授頂けないでしょうか？また、可能であればテキストエリア：outputに出力するときうに、下記のように出来ると希望通りの操作が出来助かります。 HTMLを勉強し始めたばかりの初心者ですが、どうぞ何卒よろしくお願い申し上げます。出力結果： ----------------------------------------------------------------------- 【入力欄１】改行コード text01 改行コード【入力欄2】改行コード text02 改行コード【ラジオボタン】 A01 改行コードソース： ----------------------------------------------------------------------- <html> <head> <script language="JavaScript">  </script> </head> <body> <form name="form01">  入力欄1<br> <textarea name="text01" cols="60" rows="10"></textarea><br>  入力欄2<br> <textarea name="text02" cols="60" rows="10"></textarea><br>  <strong>・　OS確認</strong><br /> <input type="radio" name="A01" value="・OS　⇒　XP" id="radio1-1" > <label for="radio1-1">XP</label> <input type="radio" name="A01" value="・OS　⇒　Vista" id="radio1-2"> <label for="radio1-2">Vista</label> <input type="radio" name="A01" value="・OS　⇒　Win7" id="radio1-3"> <label for="radio1-3">Win7</label> <input type="radio" name="A01" value="・OS　⇒　Mac" id="radio1-4"> <label for="radio1-4">Mac</label> <input type="radio" name="A01" value="・OS　⇒　" id="radio1-5"> <label for="radio1-5">その他</label> <br />  ログ出力<br> <input type="button" value="ログ出力" onClick="textoutput();"><br> <textarea name="output" cols="60" rows="10"></textarea><br> </form> </body> </html>

ラジオボタンの値を・・・・・

<html> <head> <script language="javascript"> function osu(){ document.form1.text1.value=document.form1.radio1.value; } </script> </head> <body> <form name="form1"> <input type="radio" name="radio1" value="男" checked>男 <input type="radio" name="radio1" value="女">女 <input type="button" value="押す" onClick="osu()"> <input type="text" name="text1"> </form> </body> </html> ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー上記のプログラムは、選択されたラジオボタンの値をテキストボックスに表示させるプログラムなんですが、何故かラジオボタンの値が表示されず、「undefined」というのが表示されます。どうすれば、「男」または「女」という値を表示させることができますか？ちなみにこれは、「○○○．ｈｔｍｌ」で保存します

JavaScript暦1ヶ月未満のペーペーです。

みんなの回答

関連するQ&A

JavaScript暦1ヶ月未満のペーペーです。

現在javascriptでチェックボックスで選択した項目のvalueを

JavaScript for文の処理

AIは使う人の年齢や市場にも影響する？人工知能の可能性

javascriptで取得した値を、FORMで送信する

Javascriptの結果の出し方で困っています

javascriptでラジオボタンをチェックさせて、それによってリンク

Javascriptの結果の出し方で困っています。

JavaScriptの計算式を添削してください。

javascriptを使ったフォームをCGIで取得できない

JavaScriptで得た値を別ページに反映

javascript のsyntaxについて

javascriptのパスワードっぽいもの

javascriptについて

変数のクリア

JavaScriptのdisabledがうまく動かない

Javascriptを使った隠しページ探しについて

JavaScriptのロジック？

javascriptでフォーム要素の状態を制御

Javascriptで複数のフォームを連結したい

ラジオボタンの値を・・・・・

注目のQ&A

カテゴリ

あなたにピッタリな商品が見つかる！ OKWAVE セレクト

専門家に質問してみよう