複数式のチェックボックス

質問

こんにちは。
お昼からjavateaです。
ＰＧ初級者なので教えてください。(o⌒∇⌒o)

今複数式のチェックボックスを作っているのですが、これをボタンがクリックされたときに表示するようにしたいです。例えばボタンが押されたら４６都道府県（４６個）のチェックボックスが同画面に小さく出てきて複数個選択できる。そして選択したものの情報が値として送られる。
分かりにくくてすいませんが、このような物は出来ますでしょうか？？よろしくお願いします。（*＾▽＾*）
あ、分からないところは「複数個チェックボタンを作るところ」や「値の受け渡し」ではなく「プルダウンみたいな感じでチェックボックスを表示させるところです。」＊＊

回答No.3

yambejp · ベストアンサー

こんな感じですか？
（プルダウンみたいではないですが・・・）

<script language=javascript>
function view(obj){
if(obj.value=="表示"){
obj.value="非表示";
document.getElementById('viewArea').style.display="";
}else{
obj.value="表示";
document.getElementById('viewArea').style.display="none";
}
}
</script>
<form>
<input type=button value="表示" onClick="view(this)">
<hr>
<div id="viewArea" style="display:none">
<input type=checkbox value="00">北海道
<input type=checkbox value="01">青森
<input type=checkbox value="02">岩手
<input type=checkbox value="03">山形
<hr>
<input type=submit value="送信">
</div>
<form>

お礼

ありがとうございます。
yamさんの答えていただいた回答が最も近いものです。
かなり役に立ちます。
displayを使うのですね。
javascriptってほんと難しいですヽ(´～｀；）
ただ４７都道府県あるのでここの部分は
配列と変数を使おうと思います。
ありがとうございました。

回答No.4

Chronos198

こんなのですかね。

<input type="button" value="表示する" onClick="chkbxarea.style.display='inline'">
<input type="button" value="隠す" onClick="chkbxarea.style.display='none'">
<span id="chkbxarea" style="display : none;">
<input name="chkbx" type="checkbox" value="1">
<input name="chkbx" type="checkbox" value="2">
　：
　：
<input name="chkbx" type="checkbox" value="46">
</span>

これはどちらかといえば、スタイルシートの部分ですね。

補足

ご回答ありがとうございました。
こんな表示方法もあるのですね。
すごく勉強になります。
まとまったら公表しようかなと思っております。
ありがとうございました。

回答No.2

moon_night

何がやりたいのかさっぱりわかりません。

単にチェックボックス<input type="checkbox">ではだめなんですか？

プルダウン<select><option>～</option></select>？

あと、都道府県は47だと思いますが、一ついらないのでしょうか？

回答No.1

kokorone

『プルダウンみたいな感じでチェックボックスを表示させる』
とは、どういうことでしょうか？
プルダウンと、チェックボックスは、別のものですから、イメージが
わきません。