首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >使用jQuery的prop()切换禁用属性不起作用

使用jQuery的prop()切换禁用属性不起作用
EN

Stack Overflow用户
提问于 2012-06-07 02:16:39
回答 3查看 21.2K关注 0票数 19

首先是the fiddle

代码语言:javascript
复制
$('#enableButtonB').click(function (e) {
   if($(e.target).is(':checked'))
   {
       $('#myButtonB').removeProp('disabled');
       alert('Enable Button B');
   }
   else
   {
       $('#myButtonB').prop('disabled', true); 
       alert('Disable Button B');
   }
});

我正在尝试使用jQuery的.prop()removeProp()方法来根据某些条件启用和禁用按钮。在元素上调用removeProp()之前,它似乎工作得很好。此后,对prop()的任何后续调用都无法禁用to按钮。

重复启用和禁用元素的正确方法是什么?

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2012-06-07 02:19:46

而不是

代码语言:javascript
复制
.removeProp('disabled')

使用

代码语言:javascript
复制
.prop('disabled',false)

小提琴:http://jsfiddle.net/kqnZz/6/

票数 25
EN

Stack Overflow用户

发布于 2013-09-26 05:19:27

如果这个简短的函数能解决您的需求,请尝试:

代码语言:javascript
复制
$("#enableButtonB").click(function(){
  $("#myButtonB").prop('disabled', function (_, val) { return ! val; });
});

向用户Explosion Pills授予该甜蜜功能的凭证:)

票数 5
EN

Stack Overflow用户

发布于 2015-05-18 22:52:32

此行将用作切换禁用功能:

代码语言:javascript
复制
$('#myButtonB').prop('disabled', !$('#myButtonB').prop('disabled'));

如果你在jquery函数中使用它,你可以这样使用它:

代码语言:javascript
复制
$('#enableButtonB').on('click', function() {
     $('#myButtonB').prop('disabled', !$('#myButtonB').prop('disabled'));
});
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/10919808

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档