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