jquery - 如何使用 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>

它仍然处于启用状态。禁用 a 的正确方法是<button>什么？

Answer 1

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

没有引号true。

jsFiddle 示例

根据 jQuery 文档.prop()：

属性通常会影响 DOM 元素的动态状态，而不会更改序列化的 HTML 属性。示例包括输入元素的 value 属性、输入和按钮的 disabled 属性或复选框的 checked 属性。应该使用 .prop() 方法来设置禁用和检查，而不是 .attr() 方法。

Answer 2

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

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

Answer 3

你可以试试这个：

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

您所需要的只是为disabled您的按钮添加属性。