ラジオボタンのValueを受け取りたい

解決済

質問者：Adenau
質問日時：2005/02/01 18:51
回答数：2件

　ある画面(formnn10.jsp)データベースから読込んだ抜粋データをテーブルに出力し、該当する情報を１件選択（パラメータ化）してsubmitボタンで次画面(formn11.jsp)へ送り、再度データベースを読み込み詳細の表示を行う処理を構築中です。

現在、選択はラジオボタンをループで作成し、valueでパラメータを与えています。
この値の一部をJavascriptで取り出し、ダイアログへ選択の確認メッセージとして表示したいのですが、'document.formnn10.parm_No.valueはNull又はオブジェクトではありません'とのエラーメッセージが表示されます。(parm_Noがラジオボタンのnameです。)
デバッグを行わず、次画面formnn11に処理が移ると選択情報の詳細は表示される為、javascriptでの値の取り出し方が問題の様なのですが…。

formnn10.jspのテーブル表示部分のコーディングは次の通りです。

<% for(int j=0;ichiran2[j][0]!=null;j++){
out.println("<tr>")
out.print(" <td align=\"center\">");
out.print("<INPUT type=\"radio\" name=\"parm_No\" value=\""+wkparm_No+"\>");
out.print("</td>")

out.println("</tr>")

javascript側のコーディングは次の通りです。
wkname = document.formnn10.parm_No.value.substring(8);

こんな感じです。ここに未表示のファイル名他の不一致についてはとりあえず無さそうです(手打ちしているので誤打鍵御容赦)
　現在はラジオボタン＋ｓｕｂｍｉｔの形式で選択していますが、現行の方法に固執する必要は無く変更可能です。
　各行の横で対象指定を行い、Javascriptで値を拾い（ダイアログに表示出来）、formnn11.jspでparm_Noとして値を受取るにはどうすれば良いでしょうか。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： osumitan
回答日時：2005/02/02 09:18

ラジオボタンは、Javascriptでformに対してnameで取ると

各ラジオボタン(同じname)の配列(Array)で返されるようです。
ただし、ラジオボタンが１つだと、要素が１つの配列ではなく
ラジオボタンそのものが返されるようです。

私のよくやる手は、別途hiddenを作る方法です。
まず、ラジオボタン(formに対してnameで取ったもの)を引数に
選択されたvalueを返すfunction、指定したvalueのラジオボタンを
checkedにするfunctionなどを、共通的に作っておきます。
そして、別途作ったhiddenのvalueにラジオボタンで選択された
valueを入れたり、逆にhiddenのvalueをラジオボタンに反映する
といった動きを、submit時、onLoad時にJavascriptでやります。
そして、Servletと結びつけるのはhiddenの方にします。

ラジオボタンの選択されたvalueを送るサンプルです。
（動作確認はしてません）
--------------
<form method="POST" action="formnn11.jsp" onSubmit="copyRadioToHidden(this)">
<%
　　for(int j = 0 ; ichiran2[j][0] != null ; j++) {
%>
　<input type="radio" name="parm_No_Radio" value="<%= j %>">
<%
　}
%>
　<input type="hidden"parm_No" value="">
　<input type="submit">
</form>
--------------
function copyRadioToHidden(form) {
　　// ラジオボタンの選択されたvalueをhiddenにコピー
　　form.parm_No.value = getRadioValue(form.parm_No_Radio);
}
function getRadioValue(radio) {
　　if(radio.length) {
　　　　// ラジオボタンが複数個
　　　　for(var i = 0 ; i < radio.length ; i++) {
　　　　　　if(radio[i].checked == true) {
　　　　　　　　return radio[i].value;
　　　　　　}
　　　　}
　　}
　　else if(radio.value) {
　　　　// ラジオボタンが１個
　　　　return radio.value;
　　}
　　else {
　　　　// ラジオボタンがない
　　　　return "";
　　}
}