• 締切済み

JAVASCRIPTで送信フォームを作っています

JAVASCRIPTで送信フォームを作っています。 ラジオボタンだけが値をだしてくれません。 なにか方法はあるのでしょうか。 アンケートにつかいます。 各項目を答えるごとに裏でテキスト化されて最終的に一括送信できるようにします。

みんなの回答

  • Hardking
  • ベストアンサー率45% (73/160)
回答No.2

フォームコントロールの中で,ラジオボタンは 配列コントロールとなるので JavaSciprtで項目値を参照する場合は 項目名[インデックス]となる <script language="javascript"> function selchk(){ var i; var val; //選択項目の値を取得する。 for (i = 0; i < document.myform.rd_color.length; i++) { if (document.myform.rd_color[i].checked == true) { val = document.myform.rd_color[i].value; } } } </script> <FORM name="myform"> <input type="radio" name="rd_color" value="赤">赤 <input type="radio" name="rd_color" value="青">青 <input type="radio" name="rd_color" value="緑">緑 </FORM>

  • yambejp
  • ベストアンサー率51% (3827/7415)
回答No.1

radioは一つの塊でとらえなくてはいけないので 以下のようにするといいでしょう <script language="javascript"> function check(f){ var str="" for(var i=0;i<f.length;i++){ if(f[i].type=="text" && f.t1.value!="") str +=f[i].name+"の値は"+f[i].value+"です\n" if(f[i].type=="radio" && f[i].checked==true) str+=f[i].name+"の値は"+f[i].value+"です\n" if(f[i].type=="select-one" && f[i].value!="") str+=f[i].name+"の値は"+f[i].value+"です\n" } if (str!="") alert(str) } </script> <form> <input type="text" name="t1" value=""><br> <input type="radio" name="r1" value="yes">はい <input type="radio" name="r1" value="no">いいえ<br> <select name="s1"> <option value="">選択してね <option value="aaa">あああ <option value="iii">いいい <option value="uuu">ううう </select><br> <input type="button" value="確認" onClick="check(this.form)"> </form>

関連するQ&A

  • javascriptでフォームに値を渡す

    javascriptでサブウィンドウを開き、親ページにあるフォームの値をサブウィンドウのテキストフィールドに渡す方法で複数項目がある場合、下記URLのようにラジオボタンならうまくいったのですが ラジオボタンなしで、ボタンを押すと直接その値をサブウィンドウに渡す方法はないでしょうか? 複数項目ある値をサブウィンドウに渡す(ラジオボタン) http://ausdruck.flier.jp/test/window11/oya_11.html 上記URLの方法ならうまくいったのですが下記URLのようにボタンを押してその値を 直接サブウィンドウに渡したいとおもっています。 http://ausdruck.flier.jp/test/window3/oya.html ▲こちらのイメージで渡したいのですが、複数項目があるとうまくいきません。

  • Ajax でフォーム内容をサーバに送信

    Ajax でフォーム内容をサーバに送信しようとしています。 テキストであれば、text.valueで値を送信できるのですが、 ラジオボタンの場合、radio.valueやradio.selectedvalueでも どのラジオボタンが選択されているのかが判別できません。 radioのオブジェクトのまま送信したらいいのでしょうか? Ajaxでラジオボタンを判別するにはどのようにしたらいいのでしょうか? よろしくお願いします。

  • アンケートフォームの作成方法

    テキストボックスとラジオボタンを数個ずつ使って、 アンケートフォームのようなものを作成しています。 入力された項目をメールで送信させるだけならできるのですが、 必須入力項目の設定ができません。 自分では必須項目に設定したつもりでも、 「送信ボタン」を押すと、 未入力でも送信されてしまいます。 CGI以外の方法で、お分りになる方いらっしゃいますでしょうか? ソースを記述していただけると非常に助かります。

    • ベストアンサー
    • HTML
  • チェックボックスとテキストフィールドを連動させて、Javascriptでチェックをかけたい

    このようなアンケートがあるとします。 //アンケートスタート ●Q1 あなたはJavascriptを使いこなしていますか? ラジオボタン回答1 使いこなしている ラジオボタン回答2 あまり使いこなしているといえない ラジオボタン回答3 ぜんぜん使いこなしていない ●Q2 Q1で「あまり使いこなしているといえない」 「ぜんぜん使いこなしていない」と回答した方のみお答えください。 その理由はどのようなものですか? チェックボックス回答1 むずかしい チェックボックス回答2 わかりにくい チェックボックス回答3 そのほか テキストフィールド そのほかの理由(       ) 【送信ボタン】 //アンケートエンド ■上のアンケートでJavascriptを使用して 次のことをしたいのですが、教えてください。 1.Q1の2と3にチェックがあるのに、 Q2に未回答のままフォームデータを送信しようとした場合に、 アラートを表示させたい 2.Q2で3を選んだ人にもかかわらず、 そのほかの理由テキストフィールドに未記入のまま フォームデータを送信しようとした場合、 アラートを表示させたい よろしくお願いします。

  • javascriptと連携したフォーム送信

    フォーム送信(メールフォーム)に関する質問です。 フォームの入力チェックをJavascirptのバリデータライブラリで行い 送信だけPHPを使用するというタイプのメールフォーム作成を考えています。 必須入力、正規表現によるチェックなどをJavascript側でやるので ・PHPではPOSTされた値を受け取って、htmlspecialchars・mb_ereg_replaceあたりで変換した後メール関数に渡す。値がなければエラー これでいいんじゃないかと思うのですが、甘いでしょうか? javascriptの無効状態による送信は、 ・Javascriptでhiddenかクッキーを出して、有効無効を判断 (hiddenのvalueかクッキーがPHPで受け取れなければJavascript無効状態での送信としてエラー) を考えています。 ご意見よろしくお願いします。

    • ベストアンサー
    • PHP
  • フォームの送信について教えてください

    はじめまして アンケートをホームページに載せたくフォームなどは Dreamweaver4.0で作りましたが、JavaScript使って送信したいの ですが、そのやり方が全くわかりません。 ヘルプを見ましたが、理解できません JavaScriptで送るコードを教えてもらえませんか よろしくお願いします。

  • Javascriptでフォーム項目を変化させたい

    タイトル通りなのですが、Javascriptを利用して『入力するフォーム項目を変化させたい』と考えています。 参考になるページを探そうと思い検索しても、javascriptを勉強しはじめて間もない私が読めるようなページにHITしなくて(検索のワード選定が出来てないかもしれませんが…)困っています。 今回したいことは、 A・B・Cというラジオボタン(チェックボックス)があり、 <input type="radio" name="select" value="patarn_a">A <input type="radio" name="select" value="patarn_b">B <input type="radio" name="select" value="patarn_c">C Aにチェックを入れるとAに対応する入力項目(例えば項目1・項目2・項目3)が記入できるようになり、Bにチェックを入れると、Bに対応する入力項目(例えば項目1・項目3・項目4)が記入できるようになり、Cにチェックを入れると、Cに対応する入力項目(例えば項目2・項目5・項目6)が記入できるようにしたい、のです。 で、送信ボタンを押した時にA・B・Cのどこにチェックが入っているのか、それからその対応項目に入力された値をデータとして送りたいのですが、どうにも方法が分かりません。 もし、お手すきの方がいらっしゃいましたら、どなたかご教授頂けないでしょうか?

  • ラジオボタンでフォームの送信先を切り替える

    <script type="text/javascript"> <!-- function setDisabledTextbox(F,N1,N2,N3) { if(N1 == "OrderPayment0") { F[N2].disabled = true; F[N3].disabled = false; } else { F[N2].disabled = false; F[N3].disabled = true; } } //--> </script> //フォームの1の記述 <form method="post" action="送信先1"> //ラジオボタン1の記述 <input type="radio" name="payment1" value="値1" onclick="setDisabledTextbox(this.form,this.id,'tbox0','tbox1')" <?php if($payment_name == "値1") echo "checked"; ?> id="OrderPayment0" /> <label for="OrderPayment0">値1</label><br /> //ラジオボタン2の記述 <input type="radio" name="payment2" value="値2" onclick="setDisabledTextbox(this.form,this.id,'tbox0','tbox1')" <?php if($payment_name == "値2") echo "checked"; ?> id="OrderPayment1" /> <label for="OrderPayment1">値2</label><br /> 送信1の入力フォームの記述 <input type="submit" name="tbox0" value="送信1" disabled /> </form> //フォームの2の記述 <form method="post" action="送信先2"> 送信2の入力フォームの記述 <input type="submit" name="tbox1" value="送信2" disabled /> </form> 上記の記述で、最初、送信ボタン1及び送信ボタン2をdisabled状態にしておいて、ラジオボタンの1が押されたら送信ボタンの1を活性化、ラジオボタンの2を押したら送信ボタンの2を活性化するというように切り替えたいのですが、今のところ送信ボタンの1の切り替えはうまくいっているのですが、送信ボタンの2の方がdisabledされたままにまります。フォームの有効範囲の問題かな?と思って、ラジオボタンの2の記述をフォームの2の記述の方に移してみたりしたのですが、結果は同じようです。 両方とも切り替えるようにするには、どのように記述すればよいのでしょうか? 御教示願えればと思います。

  • フォームで送信ボタンを押した際に、Javascriptに入力した値が渡

    フォームで送信ボタンを押した際に、Javascriptに入力した値が渡せない タイトルそのままです。 ボタンを押したらJavascriptでフォームの値をとりたいのです 今は、 最初に取り込ませたいJavasprictをhead内に指定しておき、 <script language="JavaScript" src="/js/mc.js" type="text/javascript"></script> 本文中のformタグではは下文のようにしてあります。 <form id="form" name="ffform" action="#" method="post"> 送信用のボタンは画像で書き換えていて、ボタンを押すと、Javascriptの方で関数checkformを動かすようにしたいのです <input type="image" src="./img/submit.png" alt="送信" onclick="checkform()"> 実際に押してみても、ただ何も変化がなく、どうすればいいか困っています。どなたか教えてください actionのところにJavascriptを指定したら、Jsそのものを開いてしまいますし、cgiを置こうにも、今あるcgiは Javasprictからさらに値を渡す為にあるcgiだけなのです・・・・・・

    • ベストアンサー
    • HTML
  • アンケートフォームで未入力をチェックする

    Web上でのアンケートフォームをASPを使って作成しています。 いくつかある質問項目の中で、ラジオボタンで作成したもののみ必須項目にしたいとおもっています。ラジオボタンを選択せずに送信ボタンをクリックした際、入力を求めるメッセージを表示させるにはどうしたらいいのでしょうか?よろしくお願いします。

専門家に質問してみよう