如何设置页面上所有的input type = text 的readonly属性为true。。在线等啊

我的一个页面上有多个input type = text 
我现在想要用js同时控制他们为可写或者不可写。
不知道能不能实现呢。
我记得是可以的啊！！但是怎么也想不起来了啊！！

解决方案 »

  1.   

    document.getElementById(id).readOnly = true;
    注意readOnly的大小写不能错
      

  2.   

    可以的，给你写好了@_@
    <!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 runat="server">
        <title>Untitled Page</title>
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
        <input readonly=readonly type=text value="123" />
        </div>
        </form>
    </body>
    </html>
      

  3.   

    var all =  document.getElementsByTagName( "input" );
    if(all.type=='text')
    {
       all.readOnly = 'true'
    }
      

  4.   

    是我没说清楚还是怎么了啊。
    我说的可是要同时设置N个input的readonly属性啊。难道你让我一个一个去写？
    我要的是一个简单的js的function。
    谢谢大家。
      

  5.   


    var inputElements = docuemtn.getElementsByTag("INPUT");
    for(var i=0; i<inputElements.length; i++ ){
        if(inputElements[i].type == "TEXT"){
            inputElements[i].readOnly = true;
        }
    }
      

  6.   


    修改为：var all =  document.getElementsByTagName( "input" );
    for(i=0;i<all.length;i++)
    {
    if(all[i].type=='text')
    {
    all[i].readonly= 'readonly'
    }
    }
      

  7.   

    刚才写的不好，再来一个@_@
    <!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 runat="server">
        <title>Untitled Page</title>
        <script type="text/javascript">
        
        function ReaderOnly()
        {   
            var temp= document.getElementsByTagName("input");
            for(i=0;i < temp.length;i++)
            {
                if(temp[i].type== "text")
                {
                   temp[i].readOnly = true;
                }
            }
        }
        window.onload =ReaderOnly;
        </script>
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
        <input    type=text value="123" />
        </div>
        </form>
    </body>
    </html>