button/input/select的disabled属性

最新推荐文章于 2023-12-22 09:45:34 发布

小小鸟008

最新推荐文章于 2023-12-22 09:45:34 发布

阅读量755

点赞数

分类专栏：前端文章标签： HTML

本文链接：https://blog.csdn.net/qq_36412715/article/details/90174796

版权

前端专栏收录该内容

35 篇文章 3 订阅

订阅专栏

button/input/select的disabled属性

button的disabled属性

一个被禁用的按钮：

<button type="button" disabled="disabled">Click Me!</button>
<button type="button" disabled="false">Click Me!</button>
<button type="button" disabled="true">Click Me!</button>
<button type="button" disabled="">Click Me!</button>

注：无论disabled属性的值被设置为什么值，只要在行内有disabled属性，该button就不可点击。

<body>
    <button id="btn1" >点击</button>
	<button id="btn2" disabled="">点击</button>
		
</body>
<script>
	window.onload=function(){
		document.getElementById("btn1").disabled = "";
		document.getElementById("btn1").onclick=function(){
			alert('按钮1被点击了');       //能执行
		}
		document.getElementById("btn2").onclick=function(){
			alert('按钮2被点击了');     //不能执行
		}
	}
</script>

使用javascript禁用按钮：

document.getElementById("btn1").disabled = true;    
document.getElementById("btn1").disabled = 'true';    //只要设置了值，并且值不为空和false,就会禁用

使用javascript启用按钮：

document.getElementById("btn1").disabled = false;
document.getElementById("btn2").disabled = "";       //空字符串，不能有空格

使用jQuery禁用按钮：

$("#id").attr("disabled","true");
$("#id").attr("disabled",true);
$("#id").attr("disabled","disabled");
$("#id").attr("disabled","");

无论disabled的值是什么，只要设置了disabled的属性就会被禁用

使用jQuery启用按钮：

$("#id").removeAttr("disabled");
$("#id").attr("disabled",false);

$("#id").attr(“disabled”,“false”);不能启用按钮。
只有这两种方式可以重新启用按钮。

input和select的disabled属性与button一样

小小鸟008

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
button/input/select的disabled属性

button/input/select的disabled属性button的disabled属性一个被禁用的按钮：<button type="button" disabled="disabled">Click Me!</button><button type="button" disabled="false">Click Me!</button&gt...
复制链接

扫一扫

专栏目录