当前位置: 首页>>编程示例 >>用法及示例精选 >>正文


HTML DOM Button disabled属性用法及代码示例

HTML DOM Button disabled 属性与 <button> 元素的 disabled 属性相关联。 button disabled 属性用于设置或返回给定按钮是否被禁用。它用于禁用按钮,以便用户无法再与指定元素进行交互。默认情况下,设置 disabled 属性将使按钮在 Web 浏览器中变灰。

用法

以下是语法 -

设置禁用属性 -

buttonObject.disabled = true|false

这里,true|false 指定是否应禁用给定的输入按钮。

  • True − 该按钮被禁用。
  • False − 该按钮不会被禁用。

让我们看看按钮禁用属性的示例 -

示例

<!DOCTYPE html>
<html>
<body>
<button id="Button1">BUTTON</button>
<p>Click the below button to disable the above button.</p>
<button onclick="buttonDis()">CLICK IT</button>
<p id="Sample">
<script>
   function buttonDis() {
      document.getElementById("Button1").disabled = true;
      var x=document.getElementById("Button1").disabled;
      document.getElementById("Sample").innerHTML = "Button disabled is "+x;
   }
</script>
</body>
</html>

输出

这将产生以下输出 -

单击“单击它”按钮 -

在上面的例子中 -

我们创建了一个 ID 为 “Button1” 的按钮,默认情况下该按钮处于启用状态。

<button id="Button1">BUTTON</button>

然后我们创建了 CLICK IT 按钮以在单击时执行 buttonDis() 方法。

<button onclick="buttonDis()">CLICK IT</button>

buttonDis() 方法通过其 id “button1” 获取按钮元素,并将其上的 disabled 属性设置为 true。禁用按钮后,其禁用值(true 或 false)将分配给变量 x 并显示在 ID 为 “Sample” 的段落中

function buttonDis() {
   document.getElementById("Button1").disabled = true;
   var x=document.getElementById("Button1").disabled;
   document.getElementById("Sample").innerHTML = "Button disabled is "+x;
}

相关用法


注:本文由纯净天空筛选整理自AmitDiwan大神的英文原创作品 HTML DOM Button disabled Property。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。