前端笔记——如何控制表单控件中的disabled

最新推荐文章于 2022-11-10 18:45:17 发布

weixin_30765577

最新推荐文章于 2022-11-10 18:45:17 发布

阅读量172

点赞数

原文链接：http://www.cnblogs.com/QianBoy/p/7641442.html

版权

0.前言

本文主要说明如何使能或禁止表单控件。表单控件具有disabled属性，通过设置该属性可以禁止所有的input控件，input的更多属性请参考资料【1】。下面就通过一个简单的例子说明如何设置和读取disabled属性。

[html]

<!DOCTYPE html>  
<html>  
<head>  
<script src="jquery.js"></script>  
<meta charset="utf-8">  
<title>测试disabled</title>  
</head>  
<body>  
<div style="margin:0 auto; width:200px; text-align:center">  
<p>  
<input type="button" id="testButton" disabled="disabled" style="height:30px; font-size:20px" value="测试按钮">  
</p>  
</div>  
</body>  
</html>

【示例页面】

图1 一个“孤独”的按钮

1.HTML写法

禁止某input控件。

【注意】

【1】disabled包含字母d

【2】“disabled”而不是true或false。

2.javascript操作

【读取】

document.getElementById("testButton").disabled;

返回结果禁止时为true，使能时为false。

【设置】

设置禁止为true，使能为false。

3.jquery操作

【读取】

$("#testButton").prop("disabled");

返回结果禁止时为true，使能时为false。JQuery中prop函数设置表单空间属性。

【设置】

$("#testButton").prop("disabled", true);

设置禁止为true，使能为false。

转载于:https://www.cnblogs.com/QianBoy/p/7641442.html

weixin_30765577

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
前端笔记——如何控制表单控件中的disabled

0.前言本文主要说明如何使能或禁止表单控件。表单控件具有disabled属性，通过设置该属性可以禁止所有的input控件，input的更多属性请参考资料【1】。下面就通过一个简单的例子说明如何设置和读取disabled属性。[html]<!DOCTYPE html> <html> <head> &lt...
复制链接

扫一扫