チェックボックスで選択されたデータをリンク先で表示させる方法。

質問

チェックボックスで選択されたデータを、
リンク先で表示させる方法を質問させていただきます。

○やりたい事（以下は例）

ページA・・・チェックボックスがあるページ
ページB・・・Aのデータを表示させたいページ

・ページAにて。

□1　□2　□3
上の様なチェックボックスを作成し、

■1　□2　□3（■にチェックをつけているものをします）
上のようにチェックをつけます。

ページAにあるページBへのリンクをクリック、
（このときBへのリンクはフォームの送信ボタンではない）

・ページBにて
ページAで選択した項目（この場合は「1」）を、
任意の場所に表示させる。

上記の方法をご存知の方がいましたら教えて下さい。

回答No.1

mazimekko3 · ベストアンサー

HTMLだけではできません。以下はjavascriptを用いています。

ソースに付け加えるだけでできるタイプ

Ａのソース（head）

<script language="javascript">
function winload(tarurl){
document.lacation.href = tarurl + document.test_form.sub1.value;
}
</script>

Ａのソース（body）

<form name="test_form">
<input type="checkbox" onclick="document.test_form.sub1.value='1';">1
<input type="checkbox" onclick="document.test_form.sub1.value='2';">2
<input type="checkbox" onclick="document.test_form.sub1.value='3';">3

<input type="hidden" name="sub1">
</form>

<a href="B.html" onclick="winload(this.href)">Bへのリンク</a>

Ｂのソース（head）

<script language="javascript">
function refer(){
p_url = document.location.href;
nsv = p_url.substring( p_url.indexOf("#")+1, p_url.length );
document.getElementById("a_check").innerHTML = nsv;
}
</script>

Ｂのソース（body）

<span id="a_check"></span>

bodyのソースは目的の場所に書くとできるはず。（IE6で確認済み）
でもこの方法だとURLに「#～」がくっつく問題が発生～。
フレームを用いると何の問題もなくできますが。