チェックボックスとボタンの組み合わせによってリンク先を決める

質問

当方、script等にはまったく持って初心者です。
以下の仕様のJavascriptが作りたいのですが、全然わからないのです・・・。

チェックボックスAとボタンAを押す・・・・1のリンク先へ
チェックボックスBとボタンAを押す・・・・2のリンク先へ
チェックボックスCとボタンAを押す・・・・3のリンク先へ
チェックボックスAとボタンBを押す・・・・4のリンク先へ
チェックボックスBとボタンBを押す・・・・5のリンク先へ
チェックボックスCとボタンBを押す・・・・6のリンク先へ

見た目的にはこんな感じです。
-------------------
□暇なときに回答ください
□困ってます
□すぐに回答ほしいです
[Aボタン][Bボタン]
-------------------
という感じです。
チェックボックスは複数選択する予定はありません。
（なので、チェックボックスではなく、ラジオボタンでも可です）。

チェックボックスを複数選択しない・・というとこへのツッコミはなしでお願いします＾＾；
何卒よろしくお願いいたします。

回答No.3

ANASTASIAK · ベストアンサー

<script language="JavaScript">
function Link(btn) {
if(document.form1.r1[0].checked && btn.name=='a')window.location='1.html';
if(document.form1.r1[1].checked && btn.name=='a')window.location='2.html';
if(document.form1.r1[2].checked && btn.name=='a')window.location='3.html';
if(document.form1.r1[0].checked && btn.name=='b')window.location='4.html';
if(document.form1.r1[1].checked && btn.name=='b')window.location='5.html';
if(document.form1.r1[2].checked && btn.name=='b')window.location='6.html';
}
</script>

<form name="form1">
<input type="radio" name="r1">暇なときに回答ください<br>
<input type="radio" name="r1">困ってます<br>
<input type="radio" name="r1">すぐに回答欲しいです<br>
<input type="button" name="a" value="　A　" onclick="Link(this)">
<input type="button" name="b" value="　B　" onclick="Link(this)">
</form>

お礼

とてもわかりやすいスクリプトをありがとうございました。
これならチェックボックス（ラジオボタン）が増えても自分で追加できそうです！！
感謝いたします！

回答No.2

leap_day

こんにちは

もっと経験を積まれた方であればもっとすっきりしたスクリプトを書かれるかもしれないのですが・・・

こんな感じで・・・

<script language="JavaScript">
<!--
function ch(aName) {
for (i=0; i<3; i++) if (document.id.elements[i].checked) n = i+1;
if(aName == "A"){
if(n == 1) location.href="test1.html";
if(n == 2) location.href="test2.html";
if(n == 3) location.href="test3.html";
}
if(aName == "B"){
if(n == 1) location.href="test4.html";
if(n == 2) location.href="test5.html";
if(n == 3) location.href="test6.html";
}
}
// -->
</script>

<form name="id">
<input type="radio" name="id1">暇なときに回答ください<br>
<input type="radio" name="id1">困ってます<br>
<input type="radio" name="id1">すぐに回答欲しいですbr>
<a onclick="ch('A')" style="cursor:hand;">[Aボタン]</a><a onclick="ch('B')" style="cursor:hand;">[Bボタン]</a>
</form>

もしかしてボタンの意味が違う？
<input type="button" onclick="ch('A')" value="Aボタン">
とすればボタン表示になります（－－；）

お礼

ボタン表示の件、大丈夫です。
画像にするか、テキストリンクにするかまだ決めていないもので・・・。
両方書いてくださいってとても参考になりました。
なるほど、これだったら仮にボタンが増えても（もちろんラジオボタンが増えても）私でも増やせそうですね。
わかりやすいスクリプトをありがとうございました。

回答No.1

hkd9001

う～ん、チェックボックスについて補足説明をお願いしようと思ったのだけど…

「ツッコミはＮＧ」ということなのですが、単なる質問まで「ツッコミ」と解釈されたら、回答するための情報を頂く事さえできないということになりますよね…

どうしましょ？yamatoneko さん。

補足

申し訳ございません、本来なら1つしか選択しない場合は、ラジオボタンを使うのが慣例なのは重々承知なのです。
なので、2つ選択してボタンを押したときの動作・・・というのは作りに入っていなくてもOKなのです。