JavaScript如何来禁用按钮？

在JavaScript中，可以为button按钮添加上disabled属性来禁用按钮。disabled属性规定应该禁用input/button元素，只要在标签中添加属性disabled="true"即可禁用。

说明：

被禁用的input/button元素既不可用，也不可点击。可以设置 disabled 属性，直到满足某些其他的条件为止（比如选择了一个复选框等等）。然后，就需要通过 JavaScript 来删除 disabled 值，将 input 元素的值切换为可用。

注释：disabled 属性无法与 <input type="hidden"> 一起使用。

语法：

1、禁用按钮，使按钮不可点击

document.getElementById("bt1").disabled=ture;

2、启用按钮，使按钮可点击

document.getElementById("bt1").disabled=false;

示例：禁用input按钮

<input type="button" id="test" value="测试按钮" onclick="testButton()" />
<script type="text/javascript">
	function testButton() {
		var button = document.getElementById('test');
		button.disabled = true; //使用true或false，控制是否让按钮禁用
	}
</script>

示例2：禁用button按钮

<button id="test" onclick="testButton()" />测试按钮</button>

<script type="text/javascript">
	function testButton() {
		var button = document.getElementById('test');
		button.disabled = true; //使用true或false，控制是否让按钮禁用
	}
</script>

效果：

未禁用的按钮：

禁用的按钮：

以上就是JavaScript如何来禁用按钮？的详细内容，更多请关注0133技术站其它相关文章！