点击一个按钮后禁用另一个按钮-实用小技巧

开发工具与关键技术:Visual Studio 2015

撰写时间:2019.7.14

做项目时发现有很多页面的功能按钮都是
这样子的,就是点击一个按钮后另外一按钮禁
用,颜色变成灰色,不能点击;有些是刚打开
页面时,有些功能按钮是不能点击的,需要点
击另外一个按钮才能点击这个按钮,举个列子:
就是刚打开页面时保存保存是不能点击的,需
要点击修改按钮后才能点击保存按钮。
下面我给给大家提供一种方法:
在这里插入图片描述



这个方法只要type值是button类型应该都能用,
οnclick="upload(‘xz’)"里面的xz就是你需要
禁用哪个按钮的id,

下面需要js的代码:

在这里插入图片描述

document.getElementById(obj)点击获取到需要
禁用或者解除禁用的按钮id,
通过改变按钮的disabled值改变按钮的状态
Disabled=true;按钮就是禁用状态;
Disabled=false;按钮就是启用状态
默认disabled是为false的;

下面为大家演示效果:

在这里插入图片描述
当点击上存按钮时,下载按钮会被禁用;
在这里插入图片描述
当点击保存按钮时,下载按钮又可以点击了;

在这里插入图片描述

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值