如何访问文本框的readonly属性？

<body>
<input type="text" name="t1" size="20">
<script language="javascript">
alert(document.all.t1.readOnly);//显示其读写属性
document.all.t1.readOnly = true;//设置为只读
</script>
</body>

解决方案 »

  1.   

    <HTML>
    <HEAD>
    <TITLE>testOnly</TITLE><SCRIPT LANGUAGE = JavaScript>
    function toReadOnly()
    {
      oText = document.getElementById("text1");
      oText.readOnly = true;
    }function notReadOnly()
    {
      oText = document.getElementById("text1");
      oText.readOnly = false;
    }
    </SCRIPT></HEAD><BODY BGCOLOR="white">
    <form>
        <input type="text" id="text1" name="textfield">
        <input type="button" value="toReadonly" onclick="toReadOnly();">    
        <input type="button" value="notReadonly" onclick="notReadOnly();">    
    </form> 
    </BODY>
    </HTML>
      

  2.   

    <body>
    <script>
    function setTrue()
    {
      document.all.t1.readOnly = true;
    }
    function setFalse()
    {
      document.all.t1.readOnly = false;
    }</script>
    <input type="text" name="t1" size="20">
    <input type=button value=显示可读属性 onclick=alert(t1.readOnly)>
    <input type=button value=设置只读 onclick=setTrue()>
    <input type=button value=取消只读 onclick=setFalse()>
    </body>
      

  3.   

    下面的代码你在IE里运行一下就知道了。
    <body>
    <script>
    function speak()
    {
      document.all.t1.readOnly = false;
      alert("只读文本框的Value值是："+document.all.t1.value);
      document.all.t1.readOnly = true;
    }
    function fuzhi(){
      document.all.t1.readOnly = false;
      document.all.t1.value=document.all.t2.value;
      document.all.t1.readOnly = true;
      }
    </script>
    <input type="text" name="t1" size="20" value="我是中国人" readonly>
    <input type="text" name="t2">
    <input type="button" value="读取只读文本框的Value值" onclick="speak()">
    <input type="button" value="将后一个文本框赋值给前一个" onclick="fuzhi()">
    </body>