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; }
相关用法
- HTML DOM Button type属性用法及代码示例
- HTML DOM Button name属性用法及代码示例
- HTML DOM Button value属性用法及代码示例
- HTML DOM Button autofocus属性用法及代码示例
- HTML DOM Button用法及代码示例
- HTML DOM Base href属性用法及代码示例
- HTML DOM BR用法及代码示例
- HTML DOM Bdo用法及代码示例
- HTML DOM Base target属性用法及代码示例
- HTML DOM Blockquote用法及代码示例
- HTML DOM Base用法及代码示例
- HTML DOM Body用法及代码示例
- HTML DOM Bold用法及代码示例
- HTML DOM Bdo dir属性用法及代码示例
- HTML DOM Style overflowY属性用法及代码示例
- HTML DOM Document hidden属性用法及代码示例
- HTML DOM IFrame用法及代码示例
- HTML DOM Textarea cols属性用法及代码示例
- HTML DOM Style pageBreakAfter属性用法及代码示例
- HTML DOM Pre用法及代码示例
注:本文由纯净天空筛选整理自AmitDiwan大神的英文原创作品 HTML DOM Button disabled Property。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。