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

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

9 个解决方案

#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


引用 3 楼 niuxinlong 的回复:
var all =  document.getElementsByTagName( "input" );
if(all.type=='text')
{
all.readOnly = 'true'
}


修改为:

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>

#8


楼主是个二百五。。。鉴定完毕!!!

#9


顶起来。。。。

#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


引用 3 楼 niuxinlong 的回复:
var all =  document.getElementsByTagName( "input" );
if(all.type=='text')
{
all.readOnly = 'true'
}


修改为:

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>

#8


楼主是个二百五。。。鉴定完毕!!!

#9


顶起来。。。。