如何让html元素呈现被禁用状态 disabled

在标签中增加disabled属性来实现禁用效果,使其不可用,不可点击。
如下

可以通过jq或js实现disabled属性的增删,注意等号后的值不起判断作用,实际上只添加disabled便会使其禁用。

bootstrap在class中添加disabled可以呈禁用状态
如下

<a href="#" class="btn btn-default btn-lg" role="button">链接</a> 
<a href="#" class="btn btn-default btn-lg disabled" role="button">禁用链接</a>

但要注意,这种方法仅仅是css上的表现效果,其点击事件并未禁用。

Angularjs中ng-disabled指令

如果expression表达式返回true,则设置为元素添加 disabled 属性。数值0 1亦可。
注意最好不要这样书写 ng-disabled="{{model}}" 。花括号为变量类型的字符串输出,可能会无法作为布尔值判断,出现ng-disabled="true"但标签却并没有被禁用的情况。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值