入力項目を動的に変更したい

[新着] Webテンプレートを仮オープンしました



0   名前: にゃほにゃほたまくろー : 2006/11/24(金) 13:06  ID:KOycP4Or
こんにちは。
現在ウェブサイトで、入力フォームを作っているのですが、
どうしてもわからないことがあるので、教えてください。

ラジオボタン2つ用意し、そのどちらかが選択されたら、
その先にある入力項目を変更したいのですが、方法がわかりません。
どなたかご教授願います。
よろしくお願いします。

1   名前: dora : 2006/11/24(金) 13:06  ID:l5h5fJ2Q
その先にある、とは?
で、どこまで作ったの?それ見してほしい。

2   名前: にゃほにゃほたまくろー : 2006/11/24(金) 13:06  ID:KOycP4Or
こんにちは。
早速のお返事ありがとうございます。
まだコーディングはしてないのですが、

イメージ図はこんな感じです。

○ラジオA ○ラジオB

空白


Aを選択した場合:

●ラジオA ○ラジオB
    __________
名前:|_________|

    __________
年齢:|_________|


Bを選択した場合:

○ラジオA ●ラジオB
      __________
会社名:|_________|

       __________
電話番号:|_________|

よろしくお願いします。

3   名前: NullPo : 2006/11/24(金) 13:06  ID:Z0FHbpib
>>2
>まだコーディングはしてない
先にコーディングしてわからないところを聞くようにしたほうがいいと思います。
まぁ、こんな感じですかね。
<script type="text/javascript">

function divSwitch(switchCode)
{
  var blocks = document.getElementsByTagName("div");

  for( var ix = 0; ix < blocks.length; ix++ ) {
    if( ix == (switchCode - 1) )
      blocks[ix].style.display = "block";
     else
      blocks[ix].style.display = "none";
  }
}

</script>

<input type="radio" name="radio1" value="1" onclick="divSwitch(1)">
<input type="radio" name="radio1" value="2" onclick="divSwitch(2)">

<div style="display:none;">
<span>名前:<input type="text" value=""><br></span>
<span>年齢:<input type="text" value=""><br></span>
</div>

<div style="display:none;">
<span>会社名:<input type="text" value=""><br></span>
<span>電話番号:<input type="text" value=""><br></span>
</div>


4   名前: にゃほにゃほたまくろー : 2006/11/24(金) 13:06  ID:KOycP4Or
こんにちは。
ソースありがとうございます。
試してみます。
Nullpoさんのおっしゃるとおりで、
コーディングして、わからないところがあったら尋ねるようにします!

本当に本当にありがとうございます!!

一覧へ戻る