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

Question

首先,小提琴.

$('#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()无法禁用按钮.

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

Answer 1

代替

.removeProp('disabled')

使用

.prop('disabled',false)

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

Answer 2

首先,http://jsfiddle.net/iambriansreed/KxGVa/

jQuery文档很棒.removeProp说:

注意:请勿使用此方法删除本机属性,例如已选中,已禁用或已选中.这将完全删除属性,一旦删除,就不能再次添加到元素.使用.prop()这些属性设置为false代替.

更改:

.removeProp('disabled')

...至...

.prop('disabled', false)

...和...

.prop('disabled', 'disabled')

...至...

.prop('disabled', true)

Answer 3

试试这个简短的函数是否能满足您的需求：

$("#enableButtonB").click(function(){
  $("#myButtonB").prop('disabled', function (_, val) { return ! val; });
});

为用户提供爆炸药丸以获得该甜蜜功能的信用：)