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>
</head>
<body>
<center>
<p>人员基本信息单条录入</p>
<hr />
<form>
<p>有无学号：
  <input name="studentId" type="radio" id="studentId1" value="1" checked="true"/>
  有学号
              <input name="studentId" type="radio" id="studentId0" value="0"/>
              无学号 &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;       &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
 学号：
             <input name="stuId" type="text" id="stuId"/>
             <br />
 
 是否已分班：
 <input name="studentClass" type="radio" id="studentClass1" value="1" disabled="disabled" checked="true" />
已分班
             <input name="studentClass" type="radio" id="studentClass0" value="0" disabled="disabled" />
                    未分班
&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
班级类型：
            <select name="object" style="width:150px" disabled="disabled" >
               <option value="1"  >计算机系</option>
            </select>
            <br />
班级名称：
<input name="ClassName" type="text" id="ClassName" class="ClassName" readonly="true"/>
<input name="SelectClass" type="button" id="SelectClass" value="选择班级" disabled="disabled"/>
             &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
班级编号：
            <input name="ClassId" type="text" id="ClassId" readonly="true"/>
            <br />   
  <input name="sure" type="button" id="sure" value="确定"/>         
          </p>
  </form>
</center>
</body>
</html>
<!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>
</head><body>
<center>
班级查询<br />
<hr />
<form>
专业：  
<select name="object" style="width:150px">
<option value="1" >
</option>
        </select> &nbsp;&nbsp;&nbsp;&nbsp;
班级名称：
<input name="ClassName" type="text" id="ClassName" /> <br />
<input name="Select" type="button" id="Select" value="查询"/>
<input name="Clear" type="button" id="Select" value="重置"/>
</form>
序号&nbsp;&nbsp;&nbsp;&nbsp;班级编码&nbsp;&nbsp;&nbsp;&nbsp;班级名称&nbsp;&nbsp;&nbsp;&nbsp;专业<br />

<input name="Id" type="radio" id="studentClass1" value="1" style="width:10px" />
 &nbsp;&nbsp;
 1&nbsp;&nbsp;;A001&nbsp;&nbsp;计算机1班&nbsp;&nbsp;计算机系
</center>
</body>
</html>这个是对以上的要求：
一、当“有无学号”选中“有学号”时，
1.“学号”可以输入
2.“是否已分班”不能选择
3.“班级类型”不能选择
4.“班级名称”不能输入
5.“选择班级”按钮不能点击
6.“班级编码”不能输入
7.点击“确定”按钮，页面下方显示一行文字“这里显示有学号的学生信息！”二、当“有无学号”选中“无学号”时，
1.当“是否已分班”选中“已分班”时，
1.1“有无学号”可以选择
1.2“学号”不能输入
1.3“班级类型”不能选择
1.4“班级名称”不能输入
1.5“选择班级”按钮能点击
1.5.1点击“选择班级”按钮后，弹出“选择班级”页面，
1）点击“选择班级”页面上的“取消”按钮，页面关闭，不做任何操作
2）点击“选择班级”页面上的“确定”按钮，
a)“页面控制”页面中的“班级类型”选择“会计”
b)“页面控制”页面中的“班级名称”显示“计算机1班”
c)“页面控制”页面中的“班级编码”显示“A001”
1.6“班级编码”不能输入
1.7点击“确定”按钮，页面下方显示一行文字“这里显示无学号但是已经分班的学生信息！” 2.当“是否已分班”选中“未分班”时，
2.1“有无学号”可以选择
2.2“学号”不能输入
2.3“班级类型”能选择
2.4“班级名称”不能输入
2.5“选择班级”按钮不能点击
2.6“班级编码”不能输入
2.7点击“确定”按钮，页面下方显示一行文字“这里显示无学号也未分班的学生信息！”
我是初学者，不太懂javascript，请哪位高手指教。帮我想一下怎么做，非常感谢，请详细点