如何用jquery禁用按钮？

Question

我已经尝试了一切！

$('#m-button').button('disabled')
$('#m-button').attr('disabled', 'disabled')
$('#m-button').prop('disabled', 'disabled')
$('#m-button').attr('disabled', 'true')
$('#m-button').prop('disabled', 'true')
$('#m-button').attr('enabled', 'false')

<button id="m-button" class="btn" type="button" >Add Note</button>

虽然保持启用状态。什么是禁用<button>的正确方法？

Answer 1

$('#m-button').prop('disabled', true)

true附近没有引号。

<强> jsFiddle example

根据.prop()上的jQuery文档：

  

属性通常会影响DOM元素的动态状态   更改序列化的HTML属性。例子包括价值   输入元素的属性，输入的禁用属性和   按钮，或复选框的选中属性。 .prop（）方法   应该用来设置禁用和检查而不是.attr（）   方法

Answer 2

从true左右删除引号并使用prop()，如下所示：

$('#m-button').prop('disabled', true);

Answer 3

你可以试试这个：

$('#m-button').attr('disabled', 'disabled')

您只需要在按钮中添加disabled属性即可。