複数のラジオボタンでの選択で、指定したリンクページへジャンプ

解決済

質問者：okpokapoka
質問日時：2007/05/24 16:48
回答数：2件

はじめまして。ミドリと申します。
JavaScriptで以下のようなものが使用したくて調べてみたのですが、ツリーメニューや１つを選択してジャンプ、というものしか見つけられず、ぜひ教えを乞いたく参りました。
どうぞ宜しくお願い致します。

ラジオボタンを複数用意して、選択した項目によってそれぞれ別のリンクへと飛ばすといった具合になります。

【　例　】
（１）１つめを選択してください。（メイン）
　　　○Ａ　○Ｂ　○Ｃ
（２）２つめを選択してください。（サブ）
　　　○Ｄ　○Ｅ　○Ｆ　○Ｇ
　　　　　　　　　　　　　　　　　【ＯＫ】
―――
・ＡとＤ　→　リンク／ページ１へ
・ＡとＥ　→　リンク／ページ２へ
　　・
　　・
・ＣとＧ　→　リンク／ページ１２へ

　このような感じになります。
　もしかしたら、ものすごく難しいことなのかもしれない…―とそれすら分からない、JavaScriptかじりたての初心者ですが、もし沿うものがございましたらどうぞ宜しくお願い致します。
　大変お手数をお掛け致します。

通報する

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

質問の本文を隠す

回答 (2件)

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

No.2ベストアンサー

回答者： is_may
回答日時：2007/05/24 18:08

<script language="javascript"><!--

//リンク先の設定（URL）
al=new Array();
al[0]="http://yahoo.co.jp/";//A+D
al[1]="http://google.co.jp/";//A+E
al[2]="http://www.goo.ne.jp/";//A+F
al[3]="";//A+G
al[4]="";//B+D
//(略)
al[11]="";//C+G(※この場合は0～11の値が入ります)

function xLunch(){
aUe = document.getElementsByName("ue");
aSita =document.getElementsByName("sita");
for(i=0;i<aUe.length;i++){
if(document.getElementsByName("ue")[i].checked==true){
nUeSel=i;
break;
}
}
for(i=0;i<aSita.length;i++){
if(document.getElementsByName("Sita")[i].checked==true){
nSitaSel=i+1;
break;
}
}
nC = (aSita.length*nUeSel)+nSitaSel;
location.href=al[nC-1];
}
-->
</script>
<table border="1">
<tbody>
<tr>
<td>一つ目を選択してください。</td>
</tr>
<tr>
<td><input type="radio" name="ue" checked>A　<input type="radio" name="ue">B　<input type="radio" name="ue">C</td>
</tr>
<tr>
<td>二つ目を選択してください。</td>
</tr>
<tr>
<td><input type="radio" name="sita" checked>D　<input type="radio" name="sita">E　<input type="radio" name="sita">F　<input type="radio" name="sita">G　</td>
</tr>
<tr>
<td align="right"><input type="button" value="　OK　" onclick="xLunch()"></td>
</tr>
</tbody>
</table>

一番最初の部分にジャンプ先のURLを一つずつ指定できます。（末尾の組み合わせ参考）
ラジオボタンも好きなように量を変えることができます。