JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能。那么如何使用javascript来禁用按钮、让按钮不可点击?下面本篇文章就来给大家介绍一下。

禁用javascript弹窗 javascript 禁用_js 禁用和解除禁用按钮

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

说明:

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

注释:disabled 属性无法与 一起使用。

语法:

1、禁用按钮,使按钮不可点击document.getElementById("bt1").disabled=ture;

2、启用按钮,使按钮可点击document.getElementById("bt1").disabled=false;

示例:禁用input按钮

function testButton() {
var button = document.getElementById('test');
button.disabled = true; //使用true或false,控制是否让按钮禁用
}
示例2:禁用button按钮测试按钮
function testButton() {
var button = document.getElementById('test');
button.disabled = true; //使用true或false,控制是否让按钮禁用
}

效果:

未禁用的按钮:

禁用javascript弹窗 javascript 禁用_javascript开关_02

禁用的按钮:

禁用javascript弹窗 javascript 禁用_添加属性_03