DB-DAY 5 JavaScript的disabled属性

最新推荐文章于 2023-02-19 14:58:24 发布

DB-Ruan

最新推荐文章于 2023-02-19 14:58:24 发布

阅读量392

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/feizhoujeep/article/details/38347345

版权

本文介绍了JavaScript中元素对象的disabled属性，该属性用于控制控件的启用或禁用状态。值为true或false，HTML中则表现为'disabled'属性。通过设置disabled属性，可以轻松实现对网页控件的禁用功能。

摘要由CSDN通过智能技术生成

在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>
	<