如何用JS控制文本框的只读属性？

<script language="javascript">
function check2()
{
if (document.form1.sbcjh.value=="checkbox")
{
document.all.sbcnr.readonly=false;
//document.getElementById('sbcnr').removeAttribute('readonly');
//document.getElementById('sbcnr').setAttribute('readonly','readonly');
//document.getElementById("sbcnr").setAttribute("readOnly","true"); 
}
}
</script>
<input type="checkbox" name="sbcjh" value="checkbox" onClick="return check2()">
<textarea name="sbcnr" cols="60" rows="3" id="sbcnr" readonly="true"></textarea>
我问一下，我试用了上面各种办法，怎么都无法改变文本框的只读属性呢？

解决方案 »

  1.   

    <script language="javascript">
    function check2()
    {
    if (document.form1.sbcjh.value=="checkbox")
    {
    document.all.sbcnr.readOnly='';
    //document.getElementById('sbcnr').removeAttribute('readonly');
    //document.getElementById('sbcnr').setAttribute('readonly','readonly');
    //document.getElementById("sbcnr").setAttribute("readOnly","true"); 
    }
    }
    </script>
    <form method="post" action="" name="form1" id="kk">
    <input type="checkbox" name="sbcjh" value="checkbox" onClick="check2()">
    <textarea name="sbcnr" cols="60" rows="3" id="sbcnr" readonly="true">kkk</textarea>
    </form>
      

  2.   

    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    </head>
    <body>
    <script language="javascript">
    function check2()
    {
    if (document.form1.sbcjh.value=="checkbox")
    {document.getElementById('sbcnr').setAttribute('readOnly',true);
    }
    }
    </script>
    <form name="form1">
    <input type="checkbox" name="sbcjh" value="checkbox" onClick="return check2()">
    <textarea name="sbcnr" id="sbcnr" cols="60" rows="3" id="sbcnr"></textarea>
    </form>
    </body>
    </html>
      

  3.   

    document.getElementById("sbcnr").readOnly = true;readOnly大写
      

  4.   

    不用啊  readonly="readonly"  就可以的啊   
      

  5.   

    <script language="javascript">
    function check2()
    {
    if (document.form1.sbcjh.value=="checkbox")
    {
    document.all.sbcnr.readOnly='';
    //document.getElementById('sbcnr').removeAttribute('readonly');
    //document.getElementById('sbcnr').setAttribute('readonly','readonly');
    //document.getElementById("sbcnr").setAttribute("readOnly","true");  
    }
    }
    </script>
    <form method="post" action="" name="form1" id="kk">
    <input type="checkbox" name="sbcjh" value="checkbox" onClick="return check2()">
    <textarea name="sbcnr" cols="60" rows="3" id="sbcnr" readonly="true">kkk</textarea>
    <input type="checkbox" name="bjjh" value="checkbox" onClick="return check2()">
    <textarea name="bjnr" cols="60" rows="3" id="sbcnr" readonly="true">kkk</textarea>
    </form>
    为什么我不管选择哪个复选框，两个文本框同时都被改为可写了，不是我指定哪个复选款被选择了，相应的文本框才可以写入内容。
      

  6.   

    document.getElementById("sbcnr").readOnly = false;
      

  7.   

    错了，我上面写的不对，这个是我目前出现的问题
    function check2()
    {
    if (document.form1.sbcjh.value=="checkbox")
    {
    document.form1.sbcnr.readOnly='';
    }if (document.form1.bjjh.value=="checkbox")
    {
    document.form1.bjnr.readOnly='';
    }
    }
    <form method="post" action="" name="form1" id="kk">
    <input type="checkbox" name="sbcjh" value="checkbox" onClick="return check2()">
    <textarea name="sbcnr" cols="60" rows="3" id="sbcnr" readonly="true">kkk</textarea>
    <input type="checkbox" name="bjjh" value="checkbox" onClick="return check2()">
    <textarea name="bjnr" cols="60" rows="3" id="sbcnr" readonly="true">kkk</textarea>
    </form>
    为什么我不管选择哪个复选框，两个文本框同时都被改为可写了，不是我指定哪个复选款被选择了，相应的文本框才可以写入内容。
      

  8.   

    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    </head>
    <body>
    <script language="javascript">
    function check2(t,id)
    {
    if(t.checked){
    document.getElementById(id).readOnly = false;
    }else{
    document.getElementById(id).readOnly = true;
    }
    }



    </script>
    <form method="post" action="" name="form1" id="kk">
    <input type="checkbox" name="sbcjh" value="checkbox" onClick="return check2(this,'sbcnr')">
    <textarea name="sbcnr" cols="60" rows="3" id="sbcnr" readonly="true">kkk</textarea>
    <input type="checkbox" name="bjjh" value="checkbox" onClick="return check2(this,'sbcnr2')">
    <textarea name="bjnr" cols="60" rows="3" id="sbcnr2" readonly="true">kkk</textarea>
    </form>
    </body>
    </html>
      

  9.   

    <script type="text/javascript">
    function check2(name){
    var obj = document.getElementsByName(name)[0];
    if(obj.readOnly == true){
    obj.readOnly = false;
    }else{
    obj.readOnly = true;
    }
    }
    </script><form method="post" action="" name="form1" id="kk">
    <input type="checkbox" name="sbcjh" value="checkbox" onClick="return check2('sbcnr')">
    <textarea name="sbcnr" cols="60" rows="3" id="sbcnr" readonly="true">kkk</textarea>
    <input type="checkbox" name="bjjh" value="checkbox" onClick="return check2('bjnr')">
    <textarea name="bjnr" cols="60" rows="3" id="sbcnr" readonly="true">kkk</textarea>
    </form>
      

  10.   

    因为你的 function check2() 中
    document.form1.sbcjh.value=="checkbox"
    document.form1.bjjh.value=="checkbox"  
    都是true
    判断checkbox 是否被选中 应该是
    if(document.form1.sbcjh[0].checked)