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

编程知识 行业动态 更新时间:2024-06-13 00:17:48

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

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

}

效果:

未禁用的按钮:

禁用的按钮:

更多推荐

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

本文发布于:2023-03-25 19:53:00,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/3a12b4b2be60053e7c94b596065a850b.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:按钮   js   _JavaScript

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!