学习网站注册项选择性失效

一个学习网站，用户注册的时候有角色选择这一项，如果角色选择为学生时，注册项里面的班级，年级什么的文本域变为可填，但如果角色选择为老师或者管理员时，那些班级年级的文本域变为不可填，请问用JavaScript代码如何实现？

解决方案 »

  1.   


    <html xmlns="http://www.w3.org/1999/xhtml">
    <head></head><body>
    <script type="text/javascript">
    function test(){    
    var _value = document.getElementById("aa").value;
    if(_value==1)
    {
    document.getElementById("bb").disabled ="disabled";
    }else
    {
    document.getElementById("bb").disabled ="";
    }   
    }</script>
    <select  name="aa" onchange="test()">
    <option value="1">老师
    <option value="2">学生
     
    </select>
    <br />
    <input type="text" name="bb" id="bb"/><br />
    </body>
    </html>
    lz试试这个
      

  2.   


    <html><head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>新建网页 2</title>
    </head><body>
    学生<input type=radio name="注册" id="学生" value=1 checked/> 
    教师<input type=radio name="注册" id="教师" value=2/> <br /> 
    <div id="thisdiv">
    学校<input type=text id="学校"/> <br /> 
    年级<input type=text id="年级"/> <br /> 
    班级<input type=text id="班级"/> <br /> 
    姓名<input type=text id=姓名""/> <br /> 
    性别<input type=text id="性别"/> <br /> 
    密码<input type=text id="密码"/> <br /> 
    </div>
    <input type=button name="注册" id="提交" value="提交"/> <br /> <script language="javascript">
    <!--
    function $(id){return document.getElementById(id)}
    onload=function(){
    $("学生").onclick=$("教师").onclick=function(){cha()}
    }
    function reSet(){
    var obj=$("thisdiv").getElementsByTagName("input")
    for(var i=0;i<obj.length;i++){
    obj[i].disabled=0
    obj[i].value=""
    }
    }
    function cha(){
    reSet()
    var obj=$("thisdiv").getElementsByTagName("input")
    if ($("教师").checked)
    for (var i=0;i<3;i++){
    obj[i].disabled=1
    obj[i].value="---"
    }
    }
    //-->
    </script>
    </body></html>