ラジオボタンを選択して、ラジオボタンが選択物によって最後にサブミットボタンを押した時に違うリンク先へ飛ばす方法をいろいろと考えていました。
考えた末にジャバスクリプトでリンク先を違う方法に変える事にしました。
ステップ1として
サブミットが押された時点でリンクさせる方法を試みましたが同じページを読み込んでしまいます。
サンプルは下記の通りです。
location.href="http://www.aaa.aa.aa"
どうかうまくいく方法を教えて頂けないでしょうか?
お願いします。
No.1ベストアンサー
- 回答日時:
<HTML>
<HEAD>
<TITLE></TITLE>
<SCRIPT LANGUAGE="JavaScript">
function link(){
var flag = 0;
for(i=0; i<document.forms[0].address.length; i++){
if(document.forms[0].address[i].checked){
flag = 1;
window.location.href = document.forms[0].address[i].value;
}
}
if(flag == 0){
alert('ラジオボタンで行き先を指定してください。');
}
}
</SCRIPT>
</HEAD>
<BODY>
<FORM>
<INPUT TYPE="radio" NAME="address" VALUE="http://www.1.co.jp/">
<INPUT TYPE="radio" NAME="address" VALUE="http://www.2.co.jp/">
<INPUT TYPE="radio" NAME="address" VALUE="http://www.3.co.jp/">
<INPUT TYPE="button" onClick="link();" VALUE="ジャンプ">
</FORM>
</BODY>
</HTML>
こういうことがしたいのかな・・・。
質問の意図をハズしてしまったかも・・・。(^^;
そしたらごめんなさい。
まぁ、ご参考までに・・・(爆)
この回答への補足
回答を頂き本当にありがとうございました。
ステップ2として
そのリンク先の中でターゲット指定をしたいと言う事です。
このターゲット指定がかなり分かりませんでした。
たびたびの質問で申し訳ございませんでした。
宜しくお願いします。
No.2
- 回答日時:
複数のカテゴリに同じような質問すると叱られる場合があるのでご注意を。
Perlのカテゴリーの方に回答は書きましたが、補足しておきます。
質問の書式は
[ターゲット名orフレーム名].location.href="http://aa.aa.aa/";
となります。
例)
self.location.href="http://aa.aa.aa/";
下記のサイトのJavaScriptの解説はわかりやすいので参考にしてください。
参考URL:http://tohoho.wakusei.ne.jp/
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- お酒・アルコール 断酒団体AAについての質問です 今年に入ってからお酒をやめました 自助グループとして「断酒会」と「A 3 2023/05/22 11:39
- Word(ワード) リンクが作動しない 7 2022/12/23 14:15
- SEO googleサーチコンソールで、重複URLが多数発生、その修正方法について 2 2023/06/23 16:15
- JavaScript ブックマークレットについて 2 2022/10/09 11:48
- 画像編集・動画編集・音楽編集 Windowsに付属しているビデオエディター。BGMを追加する方法は? 1 2022/06/26 08:54
- 数学 対角線論法破れたり!? 2 2023/05/29 16:18
- Windows 10 再起動後 Pinが使用できず、PC(windows11)にサインインできない 3 2022/08/30 20:53
- Excel(エクセル) エクセルデーターの並び替え 5 2022/08/06 09:59
- Excel(エクセル) ¥マークを含むパスの処理について(マクロ、または関数) 2 2022/12/25 02:11
- その他(ネットショッピング・通販・ECサイト) 株式会社悠悠商事という会社で運営しているGOLDSPACEという通販サイトの口コミなどあれば教えてく 1 2022/08/23 18:49
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
データベースの値を判断してラ...
-
ラジオボタンの値でリンク先を...
-
radio選択をクッキーに保存させ...
-
複数のラジオボタンのチェック
-
チェックボックスのON/OFFに連...
-
ラジオボタンのリセット方法
-
サイト内にGoogleサイトを表示...
-
ラジオボタンのチェック数に応...
-
ラジオボタンのValueを受け取り...
-
診断サイトの作り方
-
ラジオボタンで入力フィールド...
-
ラジオボタンにタブインデック...
-
ラジオボタン未チェックの場合...
-
(jQuery)ラジオボタン選択値を...
-
フォーム内容を上から順番にJav...
-
return trueとreturn falseの用...
-
プルダウン 項目が多いので先頭...
-
複数のselect値で1つも選択され...
-
プルダウンで選択すると、DBの...
-
テキストエリアに履歴を残したい
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ラジオボタンのチェックが外れ...
-
javascript作成してます。ラジ...
-
ラジオボタンにタブインデック...
-
Jvasvriptのlengthで個数が取得...
-
ホームページ作成について。
-
データベースの値を判断してラ...
-
フォームPOST後「戻る」時のチ...
-
ラジオボタンでdisabledとchecked
-
Form内のselectを連動させるに...
-
アンダーバーのname値は取得で...
-
チェックされたラジオボタンに...
-
jQueryで複数のラジオボタンを処理
-
ラジオボタンのリセット方法
-
ラジオボタンの分岐方法に関して
-
javascriptによる動的なリンク...
-
radio選択をクッキーに保存させ...
-
JavaScriptでラジオボタンのチ...
-
jQuery 変数の使い方について
-
チェックボックスのON/OFFに連...
-
ラジオボタンでチェックした項...
おすすめ情報