在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);
});