チェックボタンをクリックするとページの一番下に移動

解決済

質問者：s-holmes
質問日時：2002/09/06 10:31
回答数：3件

チェックボックスをクリックするとページの一番下に移動させたい。

リンククリック→移動

これはできる。

チェックボックスクリック→移動

これが簡単そうだったのにわかりませんでした・・。

通報する

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

質問の本文を隠す

回答 (3件)

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

No.3ベストアンサー

回答者： yuhei-y
回答日時：2002/09/06 10:57

JavaScriptと<a name="xxx">タグを使用すれば可能です。

例えば、そのページのHTMLのファイル名が「index.html」だとします。
そして、そのページの最下部に「<a name="end">」というタグを追記します。

その状態で、チェックボックスがクリックされた時、
表示するページのURLをJavaScriptによって「index.html#end」
に変更してやればいいのです。

実際のHTMLのソースを以下に示しますので、
ぜひ一度おためしください。
（チェックボックスが「ON」になったときだけ
最下部に移動するように作ってあります）

<html>
<head>
<script language="JavaScript">

</script>
</head>
<body>
<form act="test.cgi" name="formTest" method="post">
<input type="checkbox" name="chkTest" value="1" onClick="chkClick()">
</form>
あ<br> 
<a name="end">ん</a>
</body>
</html>

- 0
- 件

通報する

この回答へのお礼

回答ありがとうございました。

恥ずかしながら、「チェックボックスが「ON」になったときだけ」ということなど発想もできないレベルでした。

おかげ様でぶじ解決しました。

通報する

お礼日時：2002/09/06 12:12

No.2

回答者： Mizyu
回答日時：2002/09/06 10:45

>リンククリック→移動

をどうやってやってるのかはわかりませんが
CheckboxのonClickイベントでダメでしょうか？
リンククリックで移動できるのであれば、同様の処理をそこに組み込めばいいのではないでしょうか？

- 0
- 件

通報する

この回答へのお礼

回答ありがとうございました。

そのとおりでした。
javascript恐怖症・・・のせいでむずかしく考えてしまいました。

通報する

お礼日時：2002/09/06 12:10

No.1

回答者： noname#3345
回答日時：2002/09/06 10:43

リンククリックはどのようにされたんでしょう？

<a href="URL#移動位置">とかですか？

基本的に、チェックボックスでも同じですよ。
チェックボックスのonClickイベントにJavaScriptのfunctionを設定します。
functionの中身は、
location.href="URL#移動位置";
の一文でいけます。

もし、チェックされたときのみという事であれば、これにチェックボックスがtrueかどうかのチェックを付け足せば大丈夫です。
がんばってください。