WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:ラジオボタンで表示を変更する

0:[投稿] kirika [2003/12/20 00:54 ][環境:IE6,winXP Apache]

初めまして、いつも利用させて頂いています。

ラジオボタン1が押されたとき1行3列のテーブルにそれぞれ新しいラジオボタンを表示させています。
次にラジオボタン2が押されたときも新たに違う1行3列のテーブルにそれぞれ新しいラジオボタンを表示させています。

そこで質問なのですが、ラジオボタン1を押して、その後ラジオボタン2を押すと2行3列のテーブルができてしまいます。どうにかして、ボタンが押される度に、テーブルは1行3列のまま値だけ変えたいのですが、どうすれば良いのか分かりません。
どなたか分かる方ご教授お願いします。

以下、現状のソースです。

<HTML>
<HEAD>
<script type="text/javascript">
<!--

function showHide(id) {
        if(!document.getElementById) return;
        var style = document.getElementById(id).style;
        if(style.display == "block") style.display = "none";
        else { style.display = "block"; }
}

//-->
</script>

<STYLE type=text/css>
TABLE#search1 {
    DISPLAY: none
}
TABLE#search2 {
    DISPLAY: none
}
</STYLE>
<META HTTP-EQUIV="content-type" CONTENT="text/html;chrset=EUC_JP">
</HEAD>
<BODY>
<CENTER>
<input type="radio" name="a" value="1" onclick="showHide('search1')">1
<input type="radio" name="a" value="2" onclick="showHide('search2')">2

<BR>

<TABLE id=search1 name="aaa" border=1 bordercolor=skyblue width=800><TR>
<TD><FONT SIZE=2><input type="radio" name="select" value="1">3</FONT></TD>
<TD><FONT SIZE=2><input type="radio" name="select" value="2">4</FONT></TD>
<TD><FONT SIZE=2><input type="radio" name="select" value="3">5</FONT></TD>
</TR><TABLE>

<TABLE id=search2 name="bbb" border=1 bordercolor=skyblue width=800><TR>
<TD><FONT SIZE=2><input type="radio" name="select" value="4">6</FONT></TD>
<TD><FONT SIZE=2><input type="radio" name="select" value="5">7</FONT></TD>
<TD><FONT SIZE=2><input type="radio" name="select" value="6">8</FONT></TD>
</TR><TABLE>

</CENTER>
</BODY>
</HTML>


1:[回答] Yachimata [2003/12/20 02:09 ]

1 がクリックされたら、search1 を表示にして、search2 を非表示に
2 がクリックされたら、search1 を非表示にして、search2 を表示に

といった感じでメソッドを組み治してみては如何でしょう。
引数に 1 or 2 を持たせれば、一つの関数で可能だと思います。


2:[質問] kirika [2003/12/20 03:09 ]

Yachimataさん、ご返答有り難う御座います。
頑張ってやっているのですが、どうもうまくいきません。
もし宜しければ、もう少し詳しく御教授頂けないでしょうか?
身勝手なお願いで申し訳ありません。


3:[完了] kirika [2003/12/20 17:36 ]

頑張ったら何とか出来ました。
有り難う御座いました

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World