ラジオボタン onfocus

質問

フォームを作成しており、色々と試していたのですができないため投稿しました。

内容は
ラジオボタンが2つあり、どちらかを選んだらそれぞれの内容が表示されるという内容です。
例　ラジオボタンtest1とラジオボタン2があり、test1を選らんでる時はtest1の内容が表示され、test2を選んだときはtest1の項目が表示されなくなり、test2の内容が表示されるようにしたいです。

ソースは下記になります。
<form action="send.html" method="post">
<input type="radio" value="test1" name="test" />test1<br />
<input type="radio" value="test2" name="test" />test2<br />

/* test1を選んだ場合 */
<select name="test1time">
<option value="2011年1月1日">2011年1月1日</option>
<option value="2012年1月1日">2012年1月1日</option>
<option value="2013年1月1日">2013年1月1日</option>
</select>

/* test2を選んだ場合 */
<select name="test1time">
<option value="2011年2月1日">2011年2月1日</option>
<option value="2012年2月1日">2012年2月1日</option>
<option value="2013年2月1日">2013年2月1日</option>
</select>
</form>

どなたかわかる方がいましたら宜しくお願いします。

回答No.2

yambejp

とりあえずこんな感じ
このほかに同じフォーム内にラジオボタンやセレクトが複数ある場合は
別途調整が必要になります

<script>
function check(obj){
var e=document.getElementById(obj.value);
var f=obj.form;
for(var i=0;i<f.length;i++){
if(f[i].type=="select-one"){
f[i].disable=true;
f[i].style.display="none";
}
}
e.disabled=false;
e.style.display="inherit";
}
</script>

<form action="send.html" method="post">
<input type="radio" value="test1" name="test" onclick="check(this)" checked />test1<br />
<input type="radio" value="test2" name="test" onclick="check(this)" />test2<br />

<select name="test1time" id="test1">
<option value="2011年1月1日">2011年1月1日</option>
<option value="2012年1月1日">2012年1月1日</option>
<option value="2013年1月1日">2013年1月1日</option>
</select>

<select name="test1time" id="test2" disabled style="display:none">
<option value="2011年2月1日">2011年2月1日</option>
<option value="2012年2月1日">2012年2月1日</option>
<option value="2013年2月1日">2013年2月1日</option>
</select>
</form>

回答No.1

noname#158634

innerHTML