こんなことをやりたい。

テキストボックスには「趣味」を入力する。テキストボックスの脇のリンクをクリックすると、趣味一覧が表示され、ラジオボタンをクリックすると、元のウインドウのテキストボックスにその選択された「趣味」が入っている。

これはむずかしいでしょうか。

#ポップアップウインドウはわかります。
#ラジオボタンをクリックしたときにテキストボックスへという部分がよくわからず。

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

A 回答 (2件)

サンプル用のHTMLを作成してみました。


こんなのでいかがでしょうか?
参考URLに実際に配置しているので、動かしてみてください。

test.htmlから参照をクリックすると、hobby.htmlを開きます。
hobby.htmlでは、openerというオブジェクトで開き元のwindowを参照できます。
選んだら勝手に閉じるようにした方が自然だったのでそうしてみました。

test.html********************
<HTML>
<BODY>
<SCRIPT LANGUAGE=javascript>
function popup(){
open("hobby.html", "hobby", "width=200,height=300");
}
</SCRIPT>
<BR>
<FORM NAME="main">
趣味を入力してください。
<INPUT TYPE=text SIZE=30 NAME=hobby><A HREF="javascript:popup()">参照</A><BR>
</FORM>
<BR>
</BODY>
</HTML>
********************
hobby.html********************
<HTML>
<BODY>
<SCRIPT LANGUAGE=javascript>
function radio_click(sel){
opener.document.main.hobby.value=sel;
close();
}
</SCRIPT>

<INPUT TYPE=radio NAME=hobby value="釣り" onClick="radio_click(this.value)">釣り<BR>
<INPUT TYPE=radio NAME=hobby value="ゲーム" onClick="radio_click(this.value)">ゲーム<BR>
<INPUT TYPE=radio NAME=hobby value="スポーツ" onClick="radio_click(this.value)">スポーツ<BR>
<INPUT TYPE=radio NAME=hobby value="音楽" onClick="radio_click(this.value)">音楽<BR>
</BODY>
</HTML>
********************

参考URL:http://users.goo.ne.jp/sasadora/test.html
    • good
    • 0
この回答へのお礼

素早い回答ありがとうございます。早速活用させていただきます。(^O^)

お礼日時:2001/02/18 09:37

さっきの解答で補足ですが、


ネットスケープでは、FORMタグがないとラジオボタンが
表示されないので、(厳しい)
hobby.htmlでFORMタグで囲む必要があります。
    • good
    • 0

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

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

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

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

Qポップアップウィンドウについて

ポップアップウィンドウについて
ちょっとおかしくなったと思い質問させてください。クリックすると別画面がでる(ポップアップウィンドウですよね?)それが出なくなってしまいました。調べながらやっているのですが・・・。

ツール→ポップアップブロックまでは分かったのですが、そこからどうするのかなと思い質問させていただきました。ポップアップブロックを有効?なのでしょうか?

分かりにくい文面だったら申し訳ありません。ポップアップウィンドウの出し方を教えてください。よろしくお願いします。

Aベストアンサー

「ポップアップブロックを有効」→ブロックとは防止することです。ポップアップを防止、が有効になるのだから→ポップアップしない。
「ポップアップブロックを無効」→ポップアップウインドウが出るようになる。
よって「ポップアップブロックを有効」にチェックマークが付いていたら、これをクリックしてチェックマークを消して下さい。

Qリンク文字クリックでラジオボタン選択、テキストボックス表示したい

次のようにハイパーリンク文字列、ラジオボタン、テキストボックスが並んでいます。

<html>
<head></head>
<body>
<a href="#">りんご</a>
<a href="#">みかん</a>
<a href="#">いちご</a>
<input type="radio" name="select" value="0" checked >りんご
<input type="radio" name="select" value="1">みかん
<input type="radio" name="select" value="2">いちご
<input size="40" name="label" type="text" value="りんご" readonly>
</body>
</html>

ここで、各ハイパーリンク文字列をクリックした瞬間に、

(1) 該当するラジオボタンが選択される
(2) ラベルがテキストボックスに表示される

というように動作させたいのです。

また、<a href="#">とすると画面を再読み込みしてしまうようなので、
再読み込みされない書き方についてもご教示いただけますとまことに
幸いです。よろしくお願い致します。

次のようにハイパーリンク文字列、ラジオボタン、テキストボックスが並んでいます。

<html>
<head></head>
<body>
<a href="#">りんご</a>
<a href="#">みかん</a>
<a href="#">いちご</a>
<input type="radio" name="select" value="0" checked >りんご
<input type="radio" name="select" value="1">みかん
<input type="radio" name="select" value="2">いちご
<input size="40" name="label" type="text" value="りんご" readonly>
</body>
</html>

ここで、各ハイパーリンク文字列をクリッ...続きを読む

Aベストアンサー

とりあえず、普通に書くとこんなかんじでしょうか。

<html>
<body>
<form>
<a href="javascript:setFruit('0','りんご')">りんご</a>
<a href="javascript:setFruit('1','みかん')">みかん</a>
<a href="javascript:setFruit('2','いちご')">いちご</a>
<input type="radio" name="select" value="0" checked >りんご
<input type="radio" name="select" value="1">みかん
<input type="radio" name="select" value="2">いちご
<input size="40" name="label" type="text" value="りんご" readonly>
</form>
<script language="javascript">
function setFruit(num1,num2){
//alert(1);
var f=document.forms[0];
f.select[num1].checked=true;
f.label.value=num2;
}
</script>
</body>
</html>

とりあえず、普通に書くとこんなかんじでしょうか。

<html>
<body>
<form>
<a href="javascript:setFruit('0','りんご')">りんご</a>
<a href="javascript:setFruit('1','みかん')">みかん</a>
<a href="javascript:setFruit('2','いちご')">いちご</a>
<input type="radio" name="select" value="0" checked >りんご
<input type="radio" name="select" value="1">みかん
<input type="radio" name="select" value="2">いちご
<input size="40" name="label" type="text" value="りんご" readonly>
...続きを読む

Qポップアップが開きません。

タイトル通り、ポップアップが開かなくて困っています。
今までの質問を見て、ポップアップブロックという項目の設定を変えればポップアップが表示される様になると分ったのですが、ツール→インターネットオプション と探してみたのですが、何処にもポップアップブロックと言う項目がありませんでした。

どのようにしたら、ポップアップを表示出来る様になるのでしょうか?

OSはWindows2000 professionalです。

Aベストアンサー

GoogleツールバーかYahoo!ツールバーをインストールしていませんか?
いずれのツールバーもポップアップブロック機能が初期状態で有効になっていますのでOFFにしてください。

インストールしていない場合は、JavaScriptが無効になっています。
[ツール][インターネットオプション][セキュリティ]タブの[インターネット][セキュリティレベル]を[中]にしてください。

Qラジオボタンクリックでサブウインドウを閉じる

サブウインドウのラジオボタンを押したときに親ウインドウにテキストをインプットしていますが、このとき、自動的にサブウインドウを閉じるにはclose()を使うのかと思いますが、どのように追加したら良いでしょうか。

<INPUT TYPE="radio" NAME="myRB" onClick="window.opener.document.myFORM.address.value='やっほ'">やっほ

Aベストアンサー

セミコロン 「 ; 」 で区切って close を書けば良いですよ。
onClick="window.opener.document.myFORM.address.value='やっほ';window.close()"
というように。

Qポップアップブロック

基本的にポップアップブロックは無効にしてあるのですが
どうしてもポップアップが邪魔なサイトがひとつだけあります。
邪魔なのはひとつだけなのでポップアップブロックを
有効にして多数のWebサイトの許可を登録するのが大変です。
特定のサイトのみポップアップブロックを有効にする方法はありますか?

Aベストアンサー

 ポップアップする場所がわかっているなら、
開いたウィンドウは<Altキー + F4キー>で片付けてしまう。

Qサブウインドウから親ウインドウのラジオボタンにチェックを入れる

javascriptでサブウインドウから親ウインドウのフォームにデータを表示する場合、

window.opener.hoge_form.hoge_textarea.value=aaa;

のような記述をしますが、ラジオボタンにチェックを入れる場合はどのように記述すればいいのでしょうか?
どなたか教えてください。よろしくお願いします。;

Aベストアンサー

自ウィンドウの場合と同様です。
hoge_form.hoge_radio.checked = true;

ラジオボタンは普通は複数あるので、hoge_radio[1]みたいにして識別。

QIEのポップアップがおかしい

IEのポップアップの設定がおかしい?ので教えてください。
ポップアップが開くリンク先をクリックした場合に、
本来ならば元画面はそのまま&新しくポップアップが開くと思うのですが、
元画面がポップアップの画面に変わってしまうようになりました。
(新しく開くポップアップと全く同じ内容)
右クリックで「新しいウィンドウで開く」にすると、以前と同じように使えます。
ポップアップブロックを有効にしても無効にしても同じ。
IE6でもIE7でも現象は変わりません。
WINDOWS XP SP2です。
情報が足りなければ、後から補足します。

Aベストアンサー

こんにちは、はじめまして。
すでに確認されていましたらごめんなさい。
参考にしていただければ幸いです。

IE7の設定をします。
メニューのツール→インターネットオプション→タブの設定→規定値に戻す

もしまだでしたら、一度やってみてください。
早期解決をお祈りいたします。

Qラジオボタンとテキストボックスとプルダウンの連動

※データベースで登録したデータが※
画面上に表示されており、1件1件にラジオボタンがあります。

そのラジオボタンにチェックを入れると、
チェックが入っている1件のみのデータが、
(※ボタンを押さずに※)配置しているテキストボックスに反映されるようにしたいと考えています。

<JSP>------------------

名前 : [テキストボックス]
住所 : [テキストボックス]
誕生日 : [プルダウン]年[プルダウン]月[プルダウン]日

『登録ボタン(submit)』 (←サーブレットを呼ぶ)

◆結果◆
(上記に入力したデータが、データベースに登録され、そのデータが全件出力されている↓)

(<table>のイメージ)
  名前 住所  誕生日
○ AAA 福岡県 1989/12/24
○ BBB 東京都 1999/11/1
○ CCC 北海道 1980/1/2

ラジオボタン


○ AAA 福岡県 1989/12/24
↑がチェックされたとする。


JSP上部の[テキストボックス]にそれぞれのデータが入る。(↓イメージ)
名前 : [AAA]
住所 : [福岡県]
誕生日 : [1989]年[12]月[24]日
『登録ボタン』

どなたかご教授お願いいたします。

※データベースで登録したデータが※
画面上に表示されており、1件1件にラジオボタンがあります。

そのラジオボタンにチェックを入れると、
チェックが入っている1件のみのデータが、
(※ボタンを押さずに※)配置しているテキストボックスに反映されるようにしたいと考えています。

<JSP>------------------

名前 : [テキストボックス]
住所 : [テキストボックス]
誕生日 : [プルダウン]年[プルダウン]月[プルダウン]日

『登録ボタン(submit)』 (←サーブレットを呼ぶ)

◆結果◆
(上記に入力したデ...続きを読む

Aベストアンサー

ざっとこんなかんじ

<script>
try{
document.addEventListener('click',function(e){func(e)},true);
}catch(e){
document.attachEvent('onclick',function(e){func(e)});
}
function func(e){
var t = (e.srcElement || e.target);
if(t.nodeName=="INPUT" && t.type=="radio" && t.name=="selection"){
var p=t.parentNode;
while(p.nodeName!="TR"){
p=p.parentNode;
}
var n=p.getElementsByTagName("input");
for(var i=0;i<n.length;i++){
switch(n[i].name){
case "name":
document.getElementById("name").value=n[i].value;
break;
case "address":
document.getElementById("address").value=n[i].value;
break;
case "birth":
var b=n[i].value.split("/");
var y=document.getElementById("year");
for(var j=0;j<y.options.length;j++){
if(y.options[j].value==b[0]){
y.selectedIndex=j;
break;
}
}
var m=document.getElementById("month");
for(var j=0;j<m.options.length;j++){
if(m.options[j].value==b[1]){
m.selectedIndex=j;
break;
}
}
var d=document.getElementById("day");
for(var j=0;j<d.options.length;j++){
if(d.options[j].value==b[2]){
d.selectedIndex=j;
break;
}
}
break;
}
}
}
}
</script>
<form>
<table>
<tbody>
<tr>
<td>名前 :</td>
<td><input type="text" name="name" id="name"></td>
</tr>
<tr>
<td>住所 :</td>
<td><input type="text" name="addess" id="address"></td>
</tr>
<tr>
<td>誕生日 :</td>
<td>
<select name="year" id="year">
<option value="1900">1900</option>
・・・
<option value="2008">2008</option>
<option value="2009">2009</option>
</select>年
<select name="month" id="month">
<option value="1">01</option>
<option value="2">02</option>
・・・
<option value="12">12</option>
</select>月
<select name="day" id="day">
<option value="1">01</option>
<option value="2">02</option>
・・・
<option value="31">31</option>
</select>日
</td>
</tr>

</form>
<form>
<table>
<thead>
<tr>
<th></th>
<th>名前</th>
<th>住所</th>
<th>誕生日</th>
</tr>
</thead>
<tbody>
<tr>
<td><input type="radio" name="selection"></td>
<td><input type="text" name="name" value="AAA"></td>
<td><input type="text" name="address" value="福岡県"></td>
<td><input type="text" name="birth" value="1989/12/24"></td>
</tr>
<tr>
<td><input type="radio" name="selection"></td>
<td><input type="text" name="name" value="BBB"></td>
<td><input type="text" name="address" value="東京都"></td>
<td><input type="text" name="birth" value="1999/11/1"></td>
</tr>
<tr>
<td><input type="radio" name="selection"></td>
<td><input type="text" name="name" value="CCC"></td>
<td><input type="text" name="address" value="北海道"></td>
<td><input type="text" name="birth" value="1980/1/2"></td>
</tr>
</tbody>
</table>
</form>

ざっとこんなかんじ

<script>
try{
document.addEventListener('click',function(e){func(e)},true);
}catch(e){
document.attachEvent('onclick',function(e){func(e)});
}
function func(e){
var t = (e.srcElement || e.target);
if(t.nodeName=="INPUT" && t.type=="radio" && t.name=="selection"){
var p=t.parentNode;
while(p.nodeName!="TR"){
p=p.parentNode;
}
var n=p.getElementsByTagName("input");
for(var i=0;i<n.length;i++){
sw...続きを読む

Qポップアップとオープナーの関係

オープナーはポップアップを開きます。
ポップアップにはボタンが有って、押すとopener.form1.text1.value="これが選択されました"
によってオープナーのフォームに文字が入ります。
ポップアップはtarget="pop1"で開かれるので、ポップアップを閉じないままオープナーを3つ目のウインドウで開いてポップアップを表示すると、2つ目のウインドウであるポップアップが再表示され、opener.form1の部分でスクリプトエラーになります。
スクリプトエラーになる前に、そのままいくとエラーになることを検知する方法を教えてください。

Aベストアンサー

onErrorで拾うのを試みるか windowオブジェクトを(オープナー側で)参照して、既にオブジェクトが作られているかを探ってみる
面倒なら ポップアップ用のウィンドウオブジェクトを入れる変数を初期化して用意して置き、作成破棄に合わせてまずそれを参照してみるというのも。

Qテキストボックスに入力されたらラジオボタンにチェック

いつもお世話になっております。

タイトル通りなのですが
テキストボックスに入力された時に、チェックボックスや
ラジオボタンににチェックが付くようなJavaScriptを思考しています。

test.php
----------------------------------------
<form name="form1" method="post" action="test.php">
<input type="checkbox" name="235[]" value="1">
<input name="394" type="text" style="ime-mode: active" onchange="text_check('235')" value="" />
</form>

script.js
----------------------------------------
function text_check(nm) {
 obj = document.form1;
 alert(obj.elements[nm + '[]'].length); // アラートで「undefined」と出てしまう。
 for( i=0; i<obj.elements[nm + '[]'].length; i++){
  obj.nm[i].checked = true;
 }
}

フォームのラジオボタン、テキストボックスのname属性は
数字じゃない場合は、問題なさそうなのですが
数字の場合だとうまく動作してくれません。
name属性を変更することは考えていません。

ご教示よろしくお願いいたします。

いつもお世話になっております。

タイトル通りなのですが
テキストボックスに入力された時に、チェックボックスや
ラジオボタンににチェックが付くようなJavaScriptを思考しています。

test.php
----------------------------------------
<form name="form1" method="post" action="test.php">
<input type="checkbox" name="235[]" value="1">
<input name="394" type="text" style="ime-mode: active" onchange="text_check('235')" value="" />
</form>

script.js
---------------------...続きを読む

Aベストアンサー

>バナナのみにチェックしたい場合

valueで判断してみては?

<script>
function text_check(nm,v) {
var obj = document.form1;
for(var i=0; i<obj.length; i++){
if(obj[i].name==nm+'[]' && (typeof v=="undefined" || obj[i].value==v)) obj[i].checked = true;
}
}
</script>
<form name="form1" method="post" action="test.php">
<input type="checkbox" name="235[]" value="1">りんご<br>
<input type="checkbox" name="235[]" value="2">みかん<br>
<input type="checkbox" name="235[]" value="3">バナナ<br>
<input name="394" type="text" style="ime-mode: active" onchange="text_check('235','3')" value="" /><br>
<input type="checkbox" name="236[]" value="1">ぶどう<br>
<input name="394" type="text" style="ime-mode: active" onchange="text_check('236')" value="" />

この例だと第二引数を省略するとすべてのチェックボックスに
チェックがはいります
ちなみにidは半角英字から始まらなくてはいけない制約があります
ので数字のみのidはNGだと考えてください。

>バナナのみにチェックしたい場合

valueで判断してみては?

<script>
function text_check(nm,v) {
var obj = document.form1;
for(var i=0; i<obj.length; i++){
if(obj[i].name==nm+'[]' && (typeof v=="undefined" || obj[i].value==v)) obj[i].checked = true;
}
}
</script>
<form name="form1" method="post" action="test.php">
<input type="checkbox" name="235[]" value="1">りんご<br>
<input type="checkbox" name="235[]" value="2">みかん<br>
<input type="checkbox" n...続きを読む


人気Q&Aランキング

おすすめ情報