您现在的位置是: 首页 » 网页代码 » JavaScript如何来禁用按钮
网页代码

JavaScript如何来禁用按钮

网站优化小编一月 5, 2020 14人已围观

JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能。那么如何使用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>

效果:

未禁用的按钮:

网站运营中栏目排名优化技巧

禁用的按钮:

网站运营中栏目排名优化技巧

文章评论

    发表评论

    电子邮件地址不会被公开。

站点信息
  • 站点运行:265天
  • 网站程序:Wordpress
  • 主题模板:bvseo
  • 文章统计:3940 条
  • 文章评论:114 条
  • 微信公众号:扫描二维码,关注我们