javascript - 按钮文本不会更改 jQuery

Question

好吧，我已经纠结了几个小时了，决定问问。我搜索了 StackOverflow 和 Google，没有解决办法。我正在尝试更改按钮的文本，如下所示。

<input id="btnRegUpdate" type="submit"  onclick="updatePrice(1)" value="Correct">

updatePrice() 函数被调用并检查了一些东西，最后我有一个 if 语句来检查值是否正确，如果正确，它将更改文本，或者假设。

var btnRegUpdate = $('#btnRegUpdate');

if (btnRegUpdate.attr('value') == 'Correct'){
    logMessage("Button was correct");
    btnRegUpdate.text("Update");
}

此时我已经尝试了这个解决方案中的所有内容 jQuery change button text没有任何工作。我收到了 logMessage，但按钮仍然没有改变。

更新:似乎没有任何效果。我在一个新函数中再次尝试了一切，以防其他逻辑出现问题。在进行快速测试以查看文本是否已更改之后

function updatePrice2(val, e) {
    e.preventDefault();
    var btnRegUpdate = $('#btnRegUpdate');

    if (btnRegUpdate.attr('value') == 'Correct') {
        logMessage("Button was correct");
        btnRegUpdate.val("Update");
    }else if(btnRegUpdate.attr('value') == 'Update'){
        logMessage('Button was update');
        btnRegUpdate.val("Correct");
    }
}

并且控制台显示它发生了变化，但没有显示在屏幕上。

Answer 1

更改 innerHTML 而不是文本。像这样:

btnRegUpdate.html("Update");

编辑:

刚刚注意到您正在使用 <input>不是<button> ，更改值属性:

btnRegUpdate.attr('value', 'Update');