js如何控制按钮的禁用与可用
分类：实例代码
本章节介绍一下如何使用javascript控制按钮的禁用与可用。
代码实例如下:
<!DOCTYPE HTML>
<html>
<head>
<meta charset=" utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>前端教程网</title>
<script>
window.onload = function () {
var obt = document.getElementById("bt");
obt.disabled = true;
var count = 10;
var timer = null;
obt.value =count+ "秒后可以用";
timer = setInterval(function () {
if (count > 0) {
count = count - 1;
obt.value = count + "秒后可以用";
}
else {
obt.disabled = false;
obt.value = "查看效果";
}
}, 1000);
}
</script>
</head>
<body>
<input type="button" id="bt" value="查看效果"/>
</body>
</html>
上面的代码做了一下简单的演示。
按钮的disabled属性值如果为true，那么按钮就不可用，如果等于false就是可用。
更多内容可以参阅javascript button.disabled一章节。
一线大厂高级前端编写，前端初中阶面试题，帮助初学者应聘，需要联系微信：javadudu