控制输入框输入

<input type="checkbox" name="aa" value="checkbox" checked>
不允许 
<input type="text" name="a1">
<input type="text" name="a2">请问上面的代码  如何 点 aa 控制 a1 和 a2 能不能输入 

解决方案 »

  1.   


    <input type="checkbox" name="aa" value="checkbox" checked> 
    不允许 
    <input type="text" name="a1"> 
    <input type="text" name="a2">
    <script>
    document.getElementsByName('aa')[0].onclick=function(){
    if(this.checked){
    document.getElementsByName('a1')[0].disabled='disabled';
    document.getElementsByName('a2')[0].disabled='disabled';
    }else{
    document.getElementsByName('a1')[0].disabled=false;
    document.getElementsByName('a2')[0].disabled=false;
    }

    }
    </script>
      

  2.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
      <META NAME="Generator" CONTENT="EditPlus">
      <META NAME="Author" CONTENT="">
      <META NAME="Keywords" CONTENT="">
      <META NAME="Description" CONTENT="">
    <script>
    function change(ckecked)
    {
       if(ckecked)
       {
           document.getElementById('span').innerText='允许';
               document.getElementById('a1').disabled =false;
               document.getElementById('a2').disabled =false;
       }
       else
       {
               document.getElementById('span').innerText='不允许';        
               document.getElementById('a1').disabled =true;
               document.getElementById('a2').disabled =true;
       }
    }
    </script>
     </HEAD> <BODY>
      <input type="checkbox" name="aa"  onclick="change(this.checked);" checked=true > 
    <label for='aa'><span id='span'>允许</span> </label>
    <input type="text" id="a1" disabled  /> 
    <input type="text" id="a2" disabled  /> 
    <script>
    document.getElementById('a1').disabled =false;
    document.getElementById('a2').disabled =false;
    </script>
     </BODY>
    </HTML>