選択したたラジオボタンの値をSUBMITボタンの名前として自動的に替えたいのですが、助言をいただけますか。
イメージは下記です。★の部分に、クリックごとにradioの値を入れたいのです。

<script Language="JavaScript"><!--
function set()
{
n = document.myFORM.Radio.value;
}
// -->
</script>
<FORM ACTION="add.cgi" METHOD="POST" name="myFORM">
<INPUT TYPE="RADIO" NAME="Radio" VALUE="東京" onclick="set()" CHECKED>
<INPUT TYPE="RADIO" NAME="Radio" VALUE="大阪">
<INPUT TYPE="SUBMIT" NAME="Submit" VALUE="★"></form>

このQ&Aに関連する最新のQ&A

A 回答 (1件)

Win98 + IE5.5SP1で試してみました。


どうもType=Radioの時は、Submit前はname属性でデータを指定してもUndefinedにしかならないようなので、この場合はelements[]配列を使うのが良さそうです。

ちなみに下記のHTMLだと、画面に最初に表示された時の初期値はBodyタグのonLoadで関数を呼び出して初期化してます。

<html>
<head>
<script Language="JavaScript">
<!--
function set( n ) {
document.myFORM.Submit.value = document.myFORM.elements[n].value;
}
// -->
</script>
</head>
<body onLoad="set(0);">
<FORM ACTION="add.cgi" METHOD="POST" name="myFORM">
<INPUT TYPE="RADIO" NAME="Radio" VALUE="東京" onClick="set(0);" CHECKED>
<INPUT TYPE="RADIO" NAME="Radio" VALUE="大阪" onClick="set(1);">
<INPUT TYPE="SUBMIT" NAME="Submit" VALUE="★">
</form>
</body>
</html>
    • good
    • 0
この回答へのお礼

回答ありがとうございました。回答前にいくつか試したら「Undefined」が出てきて意味がわかりませんでしたが、回答で意味が少しわかりました。おかげさまで、目的の動作確認ができました。

#送信時に選択内容を確認するための部品として活用させていただきます。
#javascript初心者ですが勉強になります。

お礼日時:2001/04/22 19:38

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人はこんなQ&Aも見ています

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

QXwindow osf/motifのラジオボタンの作成できない!!!!

Xwindow osf/motifのラジオボタンの作成できない!!!!!!!

X-Window OSF/Motifプログラミング
兜木昭男/木下凌一/栄谷政己/林秀幸/安川悦子,日刊工業新聞社

上の本をみながら画面を作っています。

ラベルボタンなら  XmCreateLabele
アローボタンなら  XmCreateArrowButton
プッシュボタンなら XmCreatePushButton

で作れるんですけどラジオボタンは本に載ってないんです。
ネットで探してもなかなか見当たらなくて困ってます。

motifの知識がなくてどう質問したらいいのかわかりません。

わかる範囲で結構です。教えていただいたら幸いです!!!

Aベストアンサー

http://www.ist.co.uk/motif/books/vol6A/ch-12.fm.html
Motif Programing Manual

Example 12-6 The radio.c program

Q

<input type="hidden" name = "hoge">があったとします。
これを、javascriptを使用し nameで検索します。
”hoge”を検索後、その”hoge”という名前を変更する方法を探しています。 

<input type="hidden" name = "hoge">
       ↓↓↓↓↓
<input type="hidden" name = "fuga"> 

リフレッシュ無しで、上記のようにnameを変える方法が知りたいです。

ご存知の方おりましたら、お手数ですが教えていただけませんでしょうか。
宜しくお願いいたします。

Aベストアンサー

タグが特定出来れば、setAttribute等で属性値を変更出来ます。
setAttribute("name","fuga")

QHP作成:ラジオボタンの表示について

こんにちはっ
携帯サイト用のサーバを取得し、FTP転送してサイトを作成しているのですが、
ラジオボタンの表示が出来ません。
PCのブラウザからサイトを見ると表示出来ています。
携帯から見ると、ラジオボタンだけ表示されていないのです。
私の携帯はFOMAなのですが、表示不可。
他人の携帯でau(少し古い機種との事)で試したら表示OKでした。
FOMAのブラウザ(?)対応がいけないのでしょうか??
何か知っている事がある方、是非教えて下さいっ

Aベストアンサー

<form action…
であるべき部分が
<from action…
になっています。
直したら、表示されました。
(確認は、実機はもっていないのでシミュレータでしました)

i-modeで使用できるタグやシミュレータは以下のURLから
http://www.nttdocomo.co.jp/p_s/imode/make/tag/index.html

参考URL:http://www.nttdocomo.co.jp/p_s/imode/make/tag/index.html

Qで、Q1に後で値を設定して表示するには

お世話になります。
<input type="text" name="Q1">で、Q1に後で値を設定して表示するにはどうしたら良いものでしょうか。
name="Q1"
と、しているので、
onMousedown="function()"
で、nameでしてしたエリアに値を書き込めば、できると思うのですが、
このfunction()をどのように書いたらよいものか、いろいろ調べてもわかりません。
何とかご教示願えないでしょうか。
よろしくお願いします。

Aベストアンサー

javascriptを利用することで出来ます。
こんな感じで動くでしょう。
ちなみにテキストボックスなどをjavascriptで操作する場合は
idをつけておくと便利です。

これ以上をやりたいというのであれば
参考URLなど見て勉強してみてください
<html>
<head>

</head>
<body>

<input type="text" id="Q1" name="Q1" onmousedown="hoge()">
</body>
<script type='text/javascript'>
function hoge()
{
Q1.value = ""; //""のなかに設定する値
}
</script>

参考URL:http://www.parkcity.ne.jp/~chaichan/src/javasc21.htm

Qラジオボタンで診断テストを作成したい

ラジオボタンで診断テストを作成したい

Yes、No形式で10問のラジオボタンから選択し、
Yesの数に応じ5通りのリンク先にジャンプするようなサイトを作成しようと思っています。

調べているうちに下記のような同様の質問を発見したのですが、
http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1341900288
これだと2の10乗、1024通りのリンクを設定しないといけません。

例えばYesを1、Noを0などの数値に置き換えて、
Yesの数が1-3個は"http://~~"、4-6個は"http://~~"
という風には設定できないのでしょうか?

わかりにくい説明で申し訳ありませんが、
よろしくお願いします。

Aベストアンサー

他の方の回答から一部もらってますがサンプルです。

<script type="text/javascript">
function sample(F){
var list = {
0:'htp://example.com/a.html',//0以下
2:'htp://example.com/b.html',//2以下
5:'htp://example.com/c.html',
8:'htp://example.com/d.html',
10:'htp://example.com/e.html'
};
var i=0;
var q;
var c=0;
var key=0;
while( q = F.elements[ i++ ] )
if(q.type=='radio' && q.checked) c+= parseInt(q.value);

for(key in list) {
if(c <= parseInt(key)) {
location.href = list[key];
break;
}
}
return false;
}
</script>

</head>
<body>

<form onsubmit="return sample(this)">
<p>
Q1.
<label><input type="radio" name="q1" value="1" checked>Yes</lebel>
<label><input type="radio" name="q1" value="0">No</lebel>
</p>
<p>
Q2.
<label><input type="radio" name="q2" value="1" checked>Yes</lebel>
<label><input type="radio" name="q2" value="0">No</lebel>
</p>
~略~
<input type="submit" value="診断">
</form>

Yesのvalueを2以上にしたり、
Yesを0、Noを1にすることで結果予測をしずらくすることもできます。

他の方の回答から一部もらってますがサンプルです。

<script type="text/javascript">
function sample(F){
var list = {
0:'htp://example.com/a.html',//0以下
2:'htp://example.com/b.html',//2以下
5:'htp://example.com/c.html',
8:'htp://example.com/d.html',
10:'htp://example.com/e.html'
};
var i=0;
var q;
var c=0;
var key=0;
while( q = F.elements[ i++ ] )
if(q.type=='radio' && q.checked) c+= parseInt(q.value);

for(key in list) {
if(c <= parseInt(key)) {
location.href = list[key];
...続きを読む

Qで画像を選択

HTMLのページ内で<input type="file">で画像を選択して
その画像を現在のHTMLページに表示する
という質問のベストアンサー
http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1151913361

にしたがって、使ってみましたが、表示されません。
使い方のどこがまちがっているか教えてください。

また、そこにある動作サンプルが見えません。
動作サンプルを見る方法もわかりましたら、お願いします。

--------------------------
<html lang="ja">
<head>
<title></title>
<script type="text/javascript">

function dispImg() {
var myFile = document.getElementById('ans5');
var src = null;
if (window.File) {
src = myFile.files[0].getAsDataURL();
} else {
src = myFile.value;
}
document.getElementById('DISP').src = src;
}
</script>
</head>
<body>

<form name ="a">

写真を指定してください:
<input type="file" name="ans5" Onchange="dispImg();"><br>
<img src="" alt="" id="DISP">
</form>

</body>
</html>

HTMLのページ内で<input type="file">で画像を選択して
その画像を現在のHTMLページに表示する
という質問のベストアンサー
http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1151913361

にしたがって、使ってみましたが、表示されません。
使い方のどこがまちがっているか教えてください。

また、そこにある動作サンプルが見えません。
動作サンプルを見る方法もわかりましたら、お願いします。

--------------------------
<html lang="ja">
<head>
<title></title>
<script type="text/javascript...続きを読む

Aベストアンサー

非標準のメソッドが使われています。
Fileを扱うためには基本FileReaderを使わなければなりません。
それよりもっといいのが、BlobURL化することです。

写真を指定してください:
<form>
<input type=file onChange="this.form.disp.src=window.URL.createObjectURL(this.files[0])">
<br><img name=disp>
</form>

Q複数のラジオボタングループを動的に作成するには?

こんにちは。
MySQLのデータと連動してフォームでラジオボタンの入ったプログラムを書いているのですが、どうも期待したように動作させることができません。よろしくお願いします。

MySQLから検索してきたデータを一覧形式で表示し、各行に3つの選択枝を持ったラジオボタン群をつけたい。イメージとしては以下の通りです。

DATA 1 | あ | ●和食 ○中華 ○洋食
DATA 2 | い | ●和食 ○中華 ○洋食
DATA 3 | う | ○和食 ○中華 ●洋食
[更新ボタン]

更新ボタン1つなので、各行は 1つの<FORM></FORM>の中に入っています。各自のラジオボタンを name="syokuji1", "syokuji2"などと指定して動的に生成すれば受ける方のPHPでは $_POST["syokuji1"]などで取り出せるのですが、MySQLからのデータ数は一定ではないので、ループ等でデータを取り出せずに困っています。

希望はラジオボタンの値を syokuji[0], [1], [2]みたいな配列で取ってくることです。別に配列にこだわりませんが、ループ処理でデータを取り出せたらと考えています。

name="syoukuji[]"も試してみましたが、この場合全ラインで1つの選択しかできなくなってしまいました。

DATA 1 | あ | ○和食 ○中華 ○洋食
DATA 2 | い | ○和食 ○中華 ○洋食
DATA 3 | う | ○和食 ○中華 ●洋食
[更新ボタン]

ソースを貼ろうかと思いましたが、とりあえずは仕様の方から質問させていただきました。 よろしくお願いします。

こんにちは。
MySQLのデータと連動してフォームでラジオボタンの入ったプログラムを書いているのですが、どうも期待したように動作させることができません。よろしくお願いします。

MySQLから検索してきたデータを一覧形式で表示し、各行に3つの選択枝を持ったラジオボタン群をつけたい。イメージとしては以下の通りです。

DATA 1 | あ | ●和食 ○中華 ○洋食
DATA 2 | い | ●和食 ○中華 ○洋食
DATA 3 | う | ○和食 ○中華 ●洋食
[更新ボタン]

更新ボタン1つなので、各行は 1つの<FORM></FORM>の中...続きを読む

Aベストアンサー

タイトルと質問内容がずれている気がするので、あっているかどうか分かりませんが書いてみます。

例えば

<form method="POST>
<input type="radio" name="syokuji1" value="和食">和食
<input type="radio" name="syokuji1" value="中華">中華
<input type="radio" name="syokuji1" value="洋食">洋食
<input type="radio" name="syokuji2" value="和食">和食
<input type="radio" name="syokuji2" value="中華">中華
<input type="radio" name="syokuji2" value="洋食">洋食
<input type="submit" value="更新">
</form>

という感じでラジオボタンのグループを作成。
syokuji1では和食を選択、syokuji2では中華を選択し、更新ボタンを押せば

$_POST["syokuji1"] = "和食"
$_POST["syokuji2"] = "中華"

と、POSTを受け取る側では取り出すことができますが、これではダメなのでしょうか?
このsyokuji1~syokuji幾つか分からない数が続いていた場合に、このデータを取り出す方法が分からないのでしょうか?

このような場合は、foreachを利用します。
foreach($_POST as $key => $val){
echo "KEY = $key $val<br>";
}

参考URL:http://php.benscom.com/manual/ja/control-structures.foreach.php

タイトルと質問内容がずれている気がするので、あっているかどうか分かりませんが書いてみます。

例えば

<form method="POST>
<input type="radio" name="syokuji1" value="和食">和食
<input type="radio" name="syokuji1" value="中華">中華
<input type="radio" name="syokuji1" value="洋食">洋食
<input type="radio" name="syokuji2" value="和食">和食
<input type="radio" name="syokuji2" value="中華">中華
<input type="radio" name="syokuji2" value="洋食">洋食
<input type="submit" v...続きを読む

Qで条件分岐

<input type="file">で、送信ボタンをクリックする前に、下記のようなことをしたいです。
どうやるのでしょうか?

■A
・ファイルを選択したかどうか、の条件分岐

■B
・選択したファイル名を、JavaScript変数へ格納

Aベストアンサー

ファイルはinput.filesに入っています。
var file = input.files[0]
if (file)
とかで分かります。

Q動的に作成したラジオボタンの選択肢をサーブレットに渡す

こんにちは。再度失礼します。

JSPで一覧表示された表からラジオボタンでひとつ選択し、サーブレット・Beanにその値を渡し、更新ページで更新処理、または削除処理を行わせたいと考えています。
更新用・削除用のサーブレットは別々です。
一覧表にはラジオボタンをDBに登録された名前が、DBにあるだけ(select * from テーブル)表示されることになっています。
下のソースはわかりやすいように3個だけもってくることにしてます。

【JSP】-----------------------------------------------
<% for (int i = 0; i < 3; i++){ %>
<tr><td>
<input type"radio" name="choice" value="i">
</td><td>
<%= [DBから取得した名前](i) %></td>
<%= i %>
<% } %>
【servlet】
String str = request.getParameter("choice")
--------------------------------------------------------
ここで実行するとサーブレットに渡されたchoiceの値はvalueの変数 i になってしまいます。valueの値がサーブレットに渡されるのはわかっているのですが、i ではなく、[DBから取得した名前]をサーブレットに渡したいのですがどうしたらよいのでしょうか。

良い方法をご存知の方、ご教授よろしくお願いいたします。

こんにちは。再度失礼します。

JSPで一覧表示された表からラジオボタンでひとつ選択し、サーブレット・Beanにその値を渡し、更新ページで更新処理、または削除処理を行わせたいと考えています。
更新用・削除用のサーブレットは別々です。
一覧表にはラジオボタンをDBに登録された名前が、DBにあるだけ(select * from テーブル)表示されることになっています。
下のソースはわかりやすいように3個だけもってくることにしてます。

【JSP】-----------------------------------------------
<% for (int i...続きを読む

Aベストアンサー

<input type="radio" name="choice" value="<%= [DBから取得した名前](i) %>">

これだとどうなります?

Qでボタンを押したときの処理

ボタンをクリックしたらalertによって下記のような文字列、trueかfalseを返すようにしたいのです。

fulction hantei(){

if(str.length > 6){
document.write("true")
}
else{
document.write("false")
}
}

あと、functionにはdocument.writeが使えないようなのですが、そうならばどのようにして表示させるのでしょう?

よろしくお願いします。

Aベストアンサー

"alertによって"の表現が、どうにでもとれます。
「警告ダイアログを表示させたい」という意味であれば、#1の方の説明の通りです。
画面上のどこか文字列を変更したいならば、document.all(ID) と innerHTMLを利用できます。ただしNetscapeでは、4.x系も、7.x系も効きません。Opera、Firefoxを有効なようですね。

以下にサンプル

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<title>てすと</title>
<script type="text/javascript">
<!--
function func(message)
{
 var targetItem = document.all("alertTarget");
 targetItem.innerHTML = message;
}
// -->
</script>
</head>
<body>
<form target=".">
<span id="alertTarget"></span><br>
<input type="button" value="alert A" onclick="func('aaaa')">
<input type="button" value="alert B" onclick="func('bbbb')">
</form>
</body>
</html>

"alertによって"の表現が、どうにでもとれます。
「警告ダイアログを表示させたい」という意味であれば、#1の方の説明の通りです。
画面上のどこか文字列を変更したいならば、document.all(ID) と innerHTMLを利用できます。ただしNetscapeでは、4.x系も、7.x系も効きません。Opera、Firefoxを有効なようですね。

以下にサンプル

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<meta http-equiv="Content-Script-Type" content="text/javascript">
<me...続きを読む


このQ&Aを見た人がよく見るQ&A

人気Q&Aランキング