オプションボタンを使って、メニューを作りましたが、NNでうまく動きません。「checked」で初期値を指定しているので、そのまま「選択」ボタンを押した場合のために「form」に「value」でURLを指定したのですが、認識されません。(IEでは問題ありません)オプションボタンをクリックしなおして、「選択」ボタンをクリックするとジャンプします。
ソースを書きますので、宜しくお願いします。
<html>
<head>
<title>メニュー</title>
<SCRIPT LANGUAGE="JavaScript">
<!--
function change(){
parent.location=document.menu.value;}
// -->
</SCRIPT>
</head>
<body>
<tableborder="0">
<tr><td>
<form name="menu" value="http://www.goo.ne.jp">
<input type="radio" name="sate" onClick="menu.value='http://www.goo.ne.jp'" checked>GOO<br>
<br>
<input type="radio" name="sate" onClick="menu.value='http://www.yahoo.co.jp'">YAHOO<br>
<br>
<input type="button" value="選択" onClick="change()">
</form>
</td></tr>
</table>
</body>
</html>
No.1ベストアンサー
- 回答日時:
以下のようにすればいかがでしょう。
デフォルトのページが決まっているので、valにデフォルトページを記述。
document.menu.valueが存在する時は、そのページをセット。
無い場合は、デフォルトのVALを表示。
var val='http://www.goo.ne.jp';
function change(){
if(document.menu.value) parent.location=document.menu.value;
else parent.location=val;
}
No.2
- 回答日時:
はじめまして、chebさん。
上記コードちょっとみてみました。
そこで、「1.うごかしてみました」「2.属性 cheked と onClick="" について」
「3.参考までにこんな風にもできますよ」、 をしたに書きますね。
====
1.Windows IE5.5 と Netscape4.7 でうごかすとどちらも初期(radioクリックなし)
ではうまくジャンプしませんでした。
#IEではいくという事でしたけど、この環境でみた所は駄目なもようです。
2.
checked : は、初期の時点のradioのON表示の指定
onClick(): は、そのradioがマウスなどでクリックされた場合におこなうことを
定義しておくこと。
その為、私の理解の上では、checked をたてても、クリックイベントは発生しない
ので、onClick()で定義した処理は実行されないと思います。
3.参考のコード。
やりたいことを実現する方法(コードの書き方)は色々あるとおもいますけど、1例
として書いておきますね。
#javascriptがちょっと長くなりますけど。
#またradioが2つ限定な書き方になってます(数をみてループするようにもできますけど、
今回は簡単にで。
+++++
<html>
<head>
<title>メニュー</title>
<SCRIPT LANGUAGE="JavaScript">
<!--
function change(){
var url = "";
if( document.menu.sate[0].checked == 1 )
url = document.menu.sate[0].value;
else if( document.menu.sate[1].checked == 1 )
url = document.menu.sate[1].value;
if( url != "" )
location.href=url;
}
// -->
</SCRIPT>
</head>
<body>
<tableborder="0">
<tr><td>
<form name="menu" >
<input type="radio" name="sate" value="http://www.goo.ne.jp" checked>GOO<br>
<br>
<input type="radio" name="sate" value="http://www.yahoo.co.jp">YAHOO<br>
<br>
<input type="button" value="選択" onClick="change()">
</form>
</td></tr>
</table>
</body>
</html>
++++++
一応参考までにお使い下さい。
んじゃ、がんばってみて下さいね。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript javascript作成してます。ラジオボタンで判定するコードを書いてます。 1 2023/07/18 11:03
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
- PHP 入力した部分を表示させたまま(保持)するにはどうすれば良いでしょうか? 1 2023/01/25 11:14
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
- JavaScript HTMLでJavaScriptを使ってパスワードの強化判定のプログラムを作成しています。 一通り作っ 2 2022/10/19 01:41
- PHP PHPでユーザー情報を入力して簡易ログイン機能をつくってみたのですが 1 2023/05/29 08:51
- JavaScript 以前の質問だと、どの条件でも配列が表示されてしまいます。 1 2022/07/09 11:40
- PHP php ログイン 1 2022/11/01 00:24
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
「value」に2つの値をセットす...
-
ラジオボタンが両方とも選択で...
-
select値をhiddenのvalueに渡し...
-
INPUT TYPE
-
FORMのselectの選択肢を最初か...
-
チェックボックスとセレクトボ...
-
リストボックスについて
-
メールフォームのプルダウンメ...
-
wordの数式について 定積分を書...
-
WEBページを強制的に横画面で見...
-
VB.net データーグリッドビュー...
-
ブックマークからのアクセスを...
-
VB初心者。小数点以下の表示で...
-
チェックボックスの返す値
-
別formのhidden項目を自form値...
-
希望した番号に更新マークを表...
-
クオートの多重入れ子をするには?
-
[HTML]プルダウンメニューの横...
-
WEBアプリケーションからフォル...
-
掲示板スパム対策(改造)ガー...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ラジオボタンが両方とも選択で...
-
「value」に2つの値をセットす...
-
INPUT TYPE
-
select値をhiddenのvalueに渡し...
-
FORMのselectの選択肢を最初か...
-
チェックボックスとセレクトボ...
-
ラジオボタンを選択済みにする...
-
ある条件での必須入力について
-
チェックボックスグループの一...
-
<select>タグの幅設定
-
プルダウンメニューでValue値を...
-
htmlでセルの値を取得して計算...
-
プルダウンメニューにテキスト...
-
HTML プルダウンメニューの選択...
-
PHPで検索ボタンを押さずに検索...
-
iframeごとに戻るボタンを
-
リストボックス(multipleなsel...
-
メールフォームのプルダウンメ...
-
チェックボックスの余白を指定...
-
htmlで on off 未選択 を表現す...
おすすめ情報