javascript按钮禁用和启用的效果

Love The Way You Lie 2022-06-06 03:37 275阅读 0赞

<!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>按钮启用和禁用</title>
    <script type="text/javascript">
    function btn1()
    {
    	document.getElementById("btn1").disabled=true;
    	document.getElementById("btn1").innerHTML="禁用按钮1";
    	document.getElementById("btn2").disabled=false;
    	document.getElementById("btn2").innerHTML="启用按钮2";
    	}
    	//按钮2
    function btn2()
    {
    	document.getElementById("btn1").disabled=false;
    	document.getElementById("btn1").innerHTML="启用按钮1";
    	document.getElementById("btn2").disabled=true;
    	document.getElementById("btn2").innerHTML="禁用按钮2";
    		}
    </script>
    </head>
    <body>
    <div style="position:absolute;left:400px;top:200px">
    <button   id="btn1"  οnclick="btn1();" style="width:100px;height:100px; ">按钮1</button>
    <button   id="btn2"  οnclick="btn2();" style="width:100px;height:100px; margin-left:100px ">按钮2</button>
    </div>
    </body>
    </html>

效果：

![Center][]

[Center]: /images/20220606/d4a75b13a080474abbe419749557219c.png

发表评论取消回复

表情：

评论列表（有 0 条评论，275人围观）

还没有评论，来说两句吧...

相关阅读

相关 jQuery禁用/启用提交按钮

问：我有这个 HTML：我该怎么做这样的事情：当文本字段为空时，应禁用提交 (disabled=“disabled”)。在文本字段中键入内容以删除禁用属性时

以你之姓@/ 2024年03月30日 17:50/ 0 赞/ 81 阅读

相关如何启用和禁用JavaScript？

有时，我们确实需要出于安全考虑在某些网站上禁用JavaScript。从我个人的角度来看，Java脚本并不像我们认为的那样安全，因为JavaScript本身就带有一些漏洞，该漏

不念不忘少年蓝@/ 2023年02月15日 07:48/ 0 赞/ 17 阅读

相关 button按钮的启用和禁用(readonly和disabled)

jquery设置元素的readonly和disabled readonly $('input').attr("readonly","rea

布满荆棘的人生/ 2022年12月18日 15:57/ 0 赞/ 164 阅读

相关点击提交按钮后禁用提交按钮3秒后再启用

功能:防止乱点,多次触发事件效果:点击提交按钮后禁用提交按钮3秒后再启用提交表单 <input class="btn btn-primary radius

港控/mmm°/ 2022年11月26日 07:54/ 0 赞/ 233 阅读

相关点击复选框，按钮禁用/启用

长话短说，一个小功能，按钮最开始的时候是禁用，选择复选框后，按钮启用，再点击一下，按钮禁用。 ![Center][] 本次使用angularjs混合jquery来使用

骑猪看日落/ 2022年08月20日 10:29/ 0 赞/ 253 阅读

相关 Oracle启用和禁用触发器

1、禁用 table\_name 表的所有 trigger alter table table_name disable all triggers; 2、启

柔光的暖阳◎/ 2022年08月03日 11:43/ 0 赞/ 268 阅读

相关使用query禁用、启用按钮（button）

我的个人博客开通了，地址：[https://timewentby.com][https_timewentby.com] 欢迎访问我们有时候有这样的需求，当我们点击按钮以后，

女爷i/ 2022年07月14日 07:25/ 0 赞/ 204 阅读

相关 javascript按钮禁用和启用的效果

<!doctype html> <html> <head> <meta charset="utf-8"> <title>按钮启用和禁用<

Love The Way You Lie/ 2022年06月06日 03:37/ 0 赞/ 276 阅读

相关 iphone禁用提交按钮_如何在iPhone上启用或禁用优化的电池充电

![iphone禁用提交按钮][iphone] iphone禁用提交按钮 ![Apple iPhone Battery Health Menu][] Justin Duin

清疚/ 2021年07月26日 22:29/ 0 赞/ 568 阅读

相关启用禁用的字段_如何在Word中启用和禁用字段底纹

![启用禁用的字段][cc914a549d4f294273c9d25e1dd109c4.png] 启用禁用的字段 ![00\_lead\_image\_field\_cod

拼搏现实的明天。/ 2021年07月26日 20:34/ 0 赞/ 579 阅读