• ベストアンサー

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

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

  • ENTRE
  • お礼率0% (16/2523)

質問者が選んだベストアンサー

  • ベストアンサー
noname#49664
noname#49664
回答No.2

>ラジオボタンの場合、radio.valueやradio.selectedvalueでも >どのラジオボタンが選択されているのかが判別できません。 checked で選択状態を得ることができます。

ENTRE
質問者

補足

ありがとうございます。 たとえば <input name='rdo' type='radio' value='1' checked='checked' />A <input name='rdo' type='radio' value='2' />B 上記のフォームで送信前に rdo.checked ではA,Bどちらのチェックがtrueなのかわかりません。 チェックを入れたvalueでも値でもいいので、 取得する方法はあるのでしょうか?

その他の回答 (1)

  • inu2
  • ベストアンサー率33% (1229/3720)
回答No.1

通信前にどのラジオが選択されているかを判断したいのでしょうか? と、その前に、Ajaxは非同期通信をJavaScriptでやっているってだけです、特別な技術でも新しい言語でもなんでもありません。 昔っからあるものに新しい名前をつけているだけにすぎません。 ですから、質問内容はJavaScriptを勉強すれば解決する話だと思われます

関連するQ&A

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

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

  • フォームから送信される値について教えてください

    ある人とwebのフォームを作成する話をしていて、相手の方からフォーム のテキストやチェックボックスなどinput要素では、name属性は必須では なくid属性が必須で、ブラザーからはidとvalueの組み合わせがサーバに 送信されるといわれました。 私の認識としては 「一般にHTMLのフォームをサーバーへ送信する時には、 get・postに かかわらずブラウザが自動的にFORMの子要素内のnameとvalueの値の ペア(name=value&name=valueというような値)を送信する」 だということを話したところ。 getに関しては今もそうかもしれないが、現在のpostの場合はidとvalueの 値のペアが送信され、それをサーバで処理しているというようなことを 言われました。 私自身phpやperlを使っています、ブラウザからの送信方法は get・postで違うが、送られてくる内容はpostの場合もnameとvalueの 組み合わせだと認識しています。 実際にスクリプトを作成して、テストしてもidとvalueの組み合わせは サーバ側のプログラムでは取得できませんでした。 相手の方が言うように最近のブラウザー(クライアント)はサーバに id=valueの組み合わせを送信するものや場合によってそのように振る舞う ことがあるのでしょうか。 この件に関して詳しい方、ご教授いただけないでしょうか。 できればRFC等の確かな資料をお示しいただけると助かります。

    • ベストアンサー
    • HTML
  • フォームの一部をPOSTで送信できますか?

    フォームのPOST自体をあまり理解できていないかも知れないのですが・・・ onClickイベントでJavascriptでパラメータを送信したいと思っています。 <input type="text" name="text1"> <input type="text" name="text2"> <input type="text" name="text3"> <input type="text" name="text4"> <input type="text" name="text5"> <input type="button" value="ボタン1"> <input type="button" value="ボタン2"> <input type="button" value="ボタン3"> というようなフォームがあった場合、ボタン1を押したらtext1とtext2の値を、 ボタン2を押したらtext1とtext3の値を・・・という風に 送信する内容を変えたいのですが、それをPOSTで渡すことは可能なのでしょうか? ちなみに送信したい内容は、ボタンが違っても重なっているものもあります。 また可能であれば、どう記述すればよろしいでしょうか?(NNです) よろしくお願いします。

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

    <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の記述の方に移してみたりしたのですが、結果は同じようです。 両方とも切り替えるようにするには、どのように記述すればよいのでしょうか? 御教示願えればと思います。

  • Formのラジオボタンの選択内容と違う値が来た

    個人サイトを持っているのですが、お問い合わせフォームでラジオボタンで選択する項目以外の文字列を含んでメールが来ました。 例で言うと、 ◎大学生 ○高校生 ○中学生 このようなラジオボタンの項目があって、どれかを選んで「送信」ボタンを押すと所定のアドレスにフォームでの選択内容のメールが届くようになっています。 しかし先ほど、この項目以外の値(value)が入ったお問い合わせメールが来ました。 内容は明らかに迷惑行為の内容だったのですが、そもそもサイト管理者以外がフォームのラジオボタンを値を変えて送信することができるのでしょうか? ちなみにcgi(perl)は自分でつくりました。送信はPOSTです。 よろしくお願い致します。

    • ベストアンサー
    • CGI
  • VBAからWebフォームの設定について(ラジオボタン)

    Excel上で入力された内容を元にWebフォームに情報を送信しようとしています。 テキストフィールドの値設定の場合は、 html.forms(0).Item("aaa").value = "ABC" で行えますが、 ラジオボタンの場合、 html.forms(0).Item("bbb").value = "1" とするとメソッドをサポートしていない旨でエラーになってしまいます。 bbbという2項目のラジオボタン(項目のvalueは"0"と"1")に対しての選択(例えば"1"を選んだ事にしたい)はどのように行えば良いのでしょうか? 御存知の方、御教授願います。

  • フォーム内の二つのテーブルのうち一つのテーブル内のオブジェクトの内容のみをクリアしたい

    フォーム内にテーブルを二つ作成しました。 テーブル1の中のあるチェックボックスのチェックが入っているかいないかにより テーブル2のオブジェクト(テキスト、ラジオボタン、チェックボタン)の内容を全てクリアしたいのです。 テキストは中身を消して、ラジオボタン、チェックボタンはチェックを はずしたいということです。 テーブル1はそのままで、テーブル2のみ初期状態にしたいのです。 まとめてクリアしたいのですが、出来ないのでしょうか?

  • ASP.NET MVCのAjaxフォーム検証

    いつも大変にお世話になります。 今回ご相談させていただきたいのは、AJAXフォーム送信と、検証の仕方ついてです。 画面遷移なしでフォーム内容を送信し、データベースを更新したく思っています。 通常のフォーム検証と送信はできていますが、Ajaxになるとさっぱりわかりません。 欲しい挙動は、 1.Ajaxでフォーム内容を送信(その前に内容の検証 2.サーバサイドでフォーム内容を受け、DBを更新して、結果をjsonで返却 3.クライアント側で結果を受け、画面の一部を書き換え、 この「3」なのですが、書き換える内容がいくつかあるので、ASP.NET AJAXのような"UpdatePanel"は使えません。 あくまでjsonを読む必要がある感じです。 質問なのですが、ここにあるような、「フォームを送信」して、「結果をjsonでもらう」処理は可能なのでしょうか? 結果の取得は非同期?になるような感じですが、Ajaxは対応できるでしょうか? コード例があれば最高ですが、どんな些細なご意見でも構いませんので、拝聴させていただけないでしょうか? 今すぐにコードを完成させなければいけない訳ではないので、若干の余裕がありますが、基本設計や画面設計に関わる部分なので、少し急いでおります。 なにとぞ皆様のお知恵をお貸しください。

  • 2つのフォームから同時に送信するには

    実は2つのフォームから同時にpostする方法が分からず困っています。一つのフォーム1はデータベースからデータを取り出して、ループをかけてチェックボックスのvalueに入れて表示しています。フォーム2では別内容をテキストボックスに入れます。そして、この2つを同時に別PHPファイルに送信したいのですが、片方しか送信されません。一つのボタンをクリックすると、2つのフォーム内容がpostされるようにするにはどうすればよいのでしょうか。どなたかご教授、アドバイス宜しくお願いいたします。

    • ベストアンサー
    • PHP
  • WEB上からメール送信するメールフォーム

    WEB上からメール送信するメールフォームをCGI無しで作成したいと思っています。フォーム上でドロップダウンメニュー・ラジオボタン・・テキスト入力フィールドで必要事項を入力し"送信ボタン"押下後にメーラー起動させたいのです。 理想としてはメーラーが起動した時、宛先・件名・本文の一部を初めから設定されいる状態になっておりフォーム上で選択した内容を本文の指定した箇所に当てはめるようにしたい。 <本文> □□□□□□□□□□□□□ □□□:******** □□□:******** □□□:******** □□□ **************** **************** "*"部分がフォーム上で選択or入力した箇所、 "□"部分がメールフォームを作成時に設定。

専門家に質問してみよう