DB-DAY 5 JavaScript的disabled属性

来源：互联网发布：mac怎么用html5看视频编辑：程序博客网时间：2024/05/16 09:15

在DOM中元素对象的disabled属性值是布尔值true或false，而在html标签中只有这一种写法。

<input type="text" disabled="disabled" />

如果需要禁用某控件的话就写这个属性并赋值"disabled"，如果不需要就直接不写就行了。

下面简单的写一条代码表示disabled属性的用法：

<DOCTYPE html><html><head><meta charset="utf-8" /><script>function activate(){document.getElementsByName("text_input")[0].disabled=false;//找到元素并修改属性}function inactivate(){document.getElementsByName("text_input")[1].disabled=true;}function disableAll(){var textObj=document.getElementsByName("text_input");for(i=0;i<textObj.length;i++){ textObj[i].disabled=true;//遍历文本控件数组对象，修改属性//textObj[i].removeAttribute("disabled");}}</script></head><body><input type="text" size="50" name="text_input" value="这个文本输入控件不可用" disabled="disabled"/><!--disabled属性的布尔值为true，控件被禁用。--><input type="text" size="50" name="text_input" value="这个文本控件可用" /><!--disabled属性的布尔值为false，控件是激活的。--><br/><input type="button" onClick="activate()" value="激活不可用的那个文本输入控件" /><br/><input type="button" onClick="inactivate()" value="禁用能用的那个文本控件"/></br/><input type="button" onClick="disableAll()" value="禁用所有文本控件"/></body></html>

0 0