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)" 就行了!