求js控制页面内所有文本框的disabled属性

求js控制页面内所有文本框的disabled属性,第1张

1楼的方法有局限性,
只能是所有
文本框

name属性
都相同才能起作用
但是根据题意,
不可能所有的文本框的name属性都相同
我稍做修改
使用
documentgetElementsByTagName()
方法
<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
=
documentgetElementsByTagName('input');
for(var
i=0;
i<txtArrslength;
i++){
var
txt
=
txtArrs[i];
if(txttype
==
'text'){
if(flag
==
'true'){
txtdisabled
=
true;
}else{
txtdisabled
=
false;
}
}
}
}
//-->
</SCRIPT>
</html>

用隐藏控件的这个方法我也想过,但是因为画面上的下拉框比较多,所以要再formbean中加很多的属性。并在画面上有三个radiobutton,分别代表了三种状态。选择其中一种时,画面上的有些控件就被设置成不可用的。还有就是select控件是不支持readonly这个属性的。这次要实现的效果就是 不使用disabled这个属性 而实现select的disabled功能。

以下二种方法是可以为input添加disabled属性的方法:
//两种方法设置disabled属性
$('#areaSelect')attr("disabled",true);
$('#areaSelect')attr("disabled","disabled");
以下三种方法是移除(去除)掉input的disabled属性的方法:
//三种方法移除disabled属性
$('#areaSelect')attr("disabled",false);
$('#areaSelect')removeAttr("disabled");
$('#areaSelect')attr("disabled","");

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" ">

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/13398197.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-07-28
下一篇 2023-07-28

发表评论

登录后才能评论

评论列表(0条)

保存