javascript - 在 jquery 中禁用此按钮

Question

我有这个按钮<button id="beg" onclick"disable()">beg</button> .函数在这里定义

function disable(time){
    $(this).attr('disabled', 'disabled');
};

问题是那个按钮没有被禁用，我不知道为什么。

谢谢。

Answer 1

这是因为您函数中的 this 不是对 button 元素的引用。试试这个:

<button id="beg" onclick="disable(this)">beg</button>

function disable(el){
    $(el).attr('disabled', 'disabled');
};

或者更好的是，通过在 JS 中连接你的事件来完全分离你的 HTML 和 JS:

<button id="beg">beg</button>

$('#beg').click(function() {
    $(this).prop('disabled', true);
});