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

回复

我来回复
  • 暂无回复内容