js如何控制按鈕的禁用與可用

admin發表於2017-04-08
JS

本章節介紹一下如何使用javascript控制按鈕的禁用與可用。

程式碼例項如下:

[HTML] 純文字檢視 複製程式碼
<!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一章節。

相關文章