js 禁用和解除禁用按钮_JavaScript如何来禁用按钮?

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

0c9c912e86f5ee0b210d0b4b4bc814c1.png

在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,控制是否让按钮禁用

}

效果:

未禁用的按钮:

1d9e302484915b6883b29d73a8239db2.png

禁用的按钮:

1e2b67557f53b9df0da6f06c86074e4f.png

  • 4
    点赞
  • 18
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值