Javascript初级应用之一

效果:


说明:当点击选中"隐藏"一项时,“测试区域”将被隐藏。

源代码:
<script language=javascript>
function showclasscheck(checktype)
{
var objDiv = document.getElementById ("checkclass");
if (checktype==1)
objDiv.style.display = "block";
else
objDiv.style.display = "none";
}
</script>

<body>

<table border=0>
 <tr>
  <td class=tablebody1>
   <INPUT type=radio name=userclass value=0 onclick="showclasscheck(0)">隐藏
   <INPUT type=radio name=userclass value=1 onclick="showclasscheck(1)" checked>显示
  </td>
 </tr>
</table>

<div id="checkclass" align=center>测试区域</div>

</body>

补充:有一个问题,如果打开页面时,默认选中的是“隐藏”,那如何让“测试区域”在页面打开时就默认隐藏呢?!
其实,只要在<body>标签内加上onload="showclasscheck(0)" 就行了!

posted @ 2007-10-09 13:01  missthe  阅读(149)  评论(0编辑  收藏  举报