求js控制页面内所有文本框的disabled属性
用asp做了一个搜索页面页面,搜索结果页面的每笔记录后面都有两个文本框,
现求不用刷新页面通过一个按钮或链接来控制文本框的disabled属性,
当就修改模式的时候所有的文本框才处理激活状态,
用JS应该可以实现此功能,可是偶写不出来,请各位大虾帮忙
1楼的方法有局限性, 只能是所有文本框的name属性都相同才能起作用.
但是根据题意, 不可能所有的文本框的name属性都相同.
我稍做修改. 使用 document.getElementsByTagName() 方法.
<html>
<body>
<input name="txt1" type="text" />
<input name="txt2" type="text" /><br />
<input name="txt3" type="text" />
<input name="txt4" type="text" /><br />
<input type="button" value="锁定" onclick="lock('true')" />
<input type="button" value="解锁" onclick="lock('false')" />
</body>
<SCRIPT LANGUAGE="JavaScript">
<!--
function lock(flag){
var txtArrs = document.getElementsByTagName('input');
for(var i=0; i<txtArrs.length; i++){
var txt = txtArrs[i];
if(txt.type == 'text'){
if(flag == 'true'){
txt.disabled = true;
}else{
txt.disabled = false;
}
}
}
}
//-->
</SCRIPT>
</html>
但是根据题意, 不可能所有的文本框的name属性都相同.
我稍做修改. 使用 document.getElementsByTagName() 方法.
<html>
<body>
<input name="txt1" type="text" />
<input name="txt2" type="text" /><br />
<input name="txt3" type="text" />
<input name="txt4" type="text" /><br />
<input type="button" value="锁定" onclick="lock('true')" />
<input type="button" value="解锁" onclick="lock('false')" />
</body>
<SCRIPT LANGUAGE="JavaScript">
<!--
function lock(flag){
var txtArrs = document.getElementsByTagName('input');
for(var i=0; i<txtArrs.length; i++){
var txt = txtArrs[i];
if(txt.type == 'text'){
if(flag == 'true'){
txt.disabled = true;
}else{
txt.disabled = false;
}
}
}
}
//-->
</SCRIPT>
</html>
参考资料：原创
温馨提示：内容为网友见解，仅供参考
第1个回答 2009-01-09
其实还是1楼的回答较好～毕竟一个页面里～input会有很多的～用TagName很难控制～～
第2个回答 2009-01-08
<html>
<head>
<script>
function unlock()
{
var objs = document.getElementsByName("IPT");
for(var i=0; i<objs.length; i++)
{
objs[i].disabled = false;
}
}
function lock()
{
var objs = document.getElementsByName("IPT");
for(var i=0; i<objs.length; i++)
{
objs[i].disabled = true;
}
}
</script>
</head>
<body>
<input name="IPT" type="text" disabled />
<input name="IPT" type="text" disabled /><br />
<input name="IPT" type="text" disabled />
<input name="IPT" type="text" disabled /><br />
<input type="button" value="锁定" onclick="lock()" />
<input type="button" value="解锁" onclick="unlock()" />
</body>
</html>
<head>
<script>
function unlock()
{
var objs = document.getElementsByName("IPT");
for(var i=0; i<objs.length; i++)
{
objs[i].disabled = false;
}
}
function lock()
{
var objs = document.getElementsByName("IPT");
for(var i=0; i<objs.length; i++)
{
objs[i].disabled = true;
}
}
</script>
</head>
<body>
<input name="IPT" type="text" disabled />
<input name="IPT" type="text" disabled /><br />
<input name="IPT" type="text" disabled />
<input name="IPT" type="text" disabled /><br />
<input type="button" value="锁定" onclick="lock()" />
<input type="button" value="解锁" onclick="unlock()" />
</body>
</html>
相似回答
