KJ書きます

最近試行錯誤しながらいろいろとjavascriptを試しています。
少しずつやりたいことが出来るようになってきて結構楽しくやっています。もの凄い数のアハ体験ができ、すこしは頭にも良い効果があるかもしれません。

今はこんな感じのものを試しています
-------------------------------------
<script type="text/javascript">
<!--
function checkr0( disp ) {
document.getElementById('sample').style.display = disp;
document.getElementById('sample1').style.display = disp;
}
function checkr1( disp ) {
document.getElementById('sample').style.display = "none";
document.getElementById('sample1').style.display = disp;
}
function checkr2() {
document.getElementById('sample').style.display = 'inline'
document.getElementById('sample1').style.display = 'block';
}
function checkr3() {
document.getElementById('sample').style.display = 'none';
document.getElementById('sample1').style.display = 'none';
}
// -->
</script>

-------------------------------------

<form>
<p>
<input type="radio" name="rs" id="r1" value="1" onclick="checkr0('none');" /><label for="r1">表示切替0</label>
<input type="radio" name="rs" id="r2" value="2" onclick="checkr1('block');" /><label for="r2">表示切替1</label>
<input type="radio" name="rs" id="r3" value="3" onclick="checkr2();" /><label for="r3">表示切替2</label>
<input type="radio" name="rs" id="r4" value="4" onclick="checkr3();" /><label for="r4">表示切3</label>
</p>
<p id="sample">
sample：<input type="text" value="" size="10" >
</p>
<p id="sample1">
sample1：<input type="text" value="" size="20" >
</p>
</form>

-------------------------------------

試しながら、コウやって書いておけばアー動くのか、と合点しまくっています。

しかしまだまだわからないことばかりですので、明日もあさってもたくさんアハ体験がありそうです。

とりあえず、ラジオボタンの選択で表示項目を切り替える技の基本はなんとなくわかってきました。