HTML DOM 輸入框停用屬性

HTML DOM 輸入框停用屬性會設定/返回是否啟用或停用輸入框。

語法

以下是語法 −

返回布林值 − true/false

inputCheckboxObject.disabled

將停用設定為布林值

inputCheckboxObject.disabled = booleanValue

布林值

這裡，“布林值”可以為下列值 −

布林值	細節
true	定義checkbox被停用。
false	定義checkbox未被停用，同時也是預設值。

示例

我們來看一個輸入框停用屬性的示例 −

即時演示

<!DOCTYPE html>
<html>
<head>
<title>Student Details</title>
</head>
<body>
<form>
<div>
<input id="fullname" placeholder="eg: John Doe" type="text" name="fullname">
</div>
<div>
Biology: <input class="category" type="checkbox" value="Biology" name="subject" disabled>
Mathematics: <input class="category" type="checkbox" value="Mathematics" name="subject" disabled>
Physics: <input class="category" type="checkbox" value="Physics" name="subject" disabled>
Psychology: <input class="category" type="checkbox" value="Psychology" name="subject" disabled>
</div>
</form>
<button onclick="enableCheckboxes()">Enable Subjects</button>
<script>
   function enableCheckboxes(){
      var enableCheckboxes = document.getElementsByClassName("category");
      for (var i = 0; i < enableCheckboxes.length; i++) {
         enableCheckboxes[i].disabled = false;
      }
   }
</script>
</body>
</html>