htmlで表示切り替えがしたいです。

質問

こんにちは。　htmlを用いて課題を作っています。
チェックボックスを用いてその結果によってページ内に表示される文章を切り替えたいのですが、
お力かしていただけないでしょうか？
<form name="chbox">
<input type="checkbox" value="ハンバーグ">ハンバーグ<br>
<input type="checkbox" value="わかめスープ">わかめスープ<br>
<input type="checkbox" value="ほうれんそうのおひたし">ほうれん草のおひたし<br>
<input type="checkbox" value="サラダ">サラダ<br>
<input type="checkbox" value="うどん">うどん<br>
<input type="checkbox" value="バター">バター<br>
<input type="button" value="オッケー" onclick="BoxCheck()">
</form>
javascriptをもちいるチェックボックスを考えています。

例えばハンバーグ、わかめスープにチェックをつけた場合
ページの下の方に、肉、海藻という文を表示してそこからリンクへ飛ばすようにしたいんです。

初心者で説明が不十分かもしれませんが、こんな文をかけばいけると思うというアイディアあればお願いします。

回答No.1

ORUKA1951 · ベストアンサー

初心者でしたら、単純にたくさんページを用意してリンクしていくほうが良いでしょう。
　javascriptが得意でしたら、javascriptで作ればよいと思います。onClickで、formの内容を拾って、DocumentWriteで新たに書き出せばよいです。私は面倒くさいので、CGIで行いますが、javascriptでしたらサーバーとの交信がありませんからスムーズでしょう。
　それなら、いっそのことJQueryを使うと良いでしょう。
　⇒jQueryによるフォームのデザインの基礎( http://ascii.jp/elem/000/000/452/452106/ )

　javascriptが苦手でしたらiframeを使っても良いでしょう。また、単純にHTML+CSSでも良いです。

お礼

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