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,控制是否让按钮禁用
}
效果:
未禁用的按钮:
禁用的按钮:
本文链接:https://my.lmcjl.com/post/13956.html
4 评论