效果:
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 align=center>测试区域</div>

</body>

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

相关文章:

  • 2021-08-06
  • 2021-11-29
  • 2022-02-12
  • 2021-08-10
  • 2021-10-06
  • 2021-10-28
  • 2021-08-25
  • 2021-10-18
猜你喜欢
  • 2022-02-23
  • 2022-12-23
  • 2021-11-29
  • 2021-07-20
  • 2021-06-25
  • 2021-05-16
相关资源
相似解决方案