关于javascript，帮个忙，在线等待！！！

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
.STYLE1 {font-size: xx-large}
.STYLE2 {font-size: x-large}
-->
</style>
</head>
<script language="JavaScript">
 function ok(){
var s = document.getElementById("file");
s.click();
var str = s.value;//获取文件路径
alert(str);//在这里你可以进行自己的工作
}function classLeader(){
alert("eaf");
 document.getElementById("banweiID").style.visibility='visible';
}</script>
<body>
<table align="center" width="860">
<tr>
<td align="left">
<input type="button" value="EXCEL批量导入" onClick="ok()">
<input type="file" id="file"  style="visibility:hidden" />
</td>
</tr>
</table>
<br />
<form >
  <table width="854" height="347"  align="center" cellpadding="0" cellspacing="1" bgcolor="#999999">
    <tr>
      <td height="39" colspan="4" align="center" bgcolor="#FFFFFF"><span class="STYLE1">XX学院学生添加</span></td>
    </tr>


    <tr>
      <td bgcolor="#FFFFFF"  align="right" width="150">学号</td>
      <td bgcolor="#FFFFFF" ><input name="text" type="text"  width="150"/></td>
      <td bgcolor="#FFFFFF"  align="right" width="150">姓名</td>
      <td bgcolor="#FFFFFF" ><input name="text2" type="text"  width="150"/></td>
    </tr>


    <tr>
      <td bgcolor="#FFFFFF"  align="right" width="150">性别</td>
      <td bgcolor="#FFFFFF" ><input name="text2" type="text"  width="150"/></td>

<td bgcolor="#FFFFFF"  align="right" width="150">专业</td>
      <td bgcolor="#FFFFFF" ><input name="text2" type="text" value="默认"  width="150"/></td>
    </tr>


    <tr>
      <td bgcolor="#FFFFFF"  align="right" width="150">班级</td>
      <td bgcolor="#FFFFFF" ><label>
        <input type="radio" name="radiobutton" value="radiobutton" />
      男 　　　
      <input type="radio" name="radiobutton" value="radiobutton" />
      女　 </label></td>
  
        <td bgcolor="#FFFFFF"  align="right" width="150">院系</td>
      <td bgcolor="#FFFFFF" ><select name="select" style="width:150px">
        <option>--院系选择(默认值)--</option>
      </select>
      
    </tr>

<!-- -->
    <tr>
      <td bgcolor="#FFFFFF"  align="right" width="150">职务</td>
      <td bgcolor="#FFFFFF"  colspan="3" align="center"><input type="checkbox"  name="position" value="roomLeader"/>
        寝室长
        <input type="checkbox" name="position"  value="unitity"  />
        学生会
        <input type="checkbox" name="position"  value="classLeader"  onclick="classLeader()"  />
        班委
        <select  style="width:100px" name="banwei" style="visibility:hidden"  id="banweiID">
        </select>
          <input type="checkbox" name="position" value="otherPosition" />
        其他职务
<select  style="width:100px" name="qita"  style="visibility:hidden" >

<option>--院系选择(默认值)--</option>
        </select>

  </td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF" colspan="4" align="center"><input  type="submit" name="add" value="添加"  />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      <input  type="button" name="reset" value="重填"  /></td>
    </tr>
  </table>
</form>
</body>
</html>红色区域，如何实现当前面的“学生会”checkBox选中时后面的 select可用？