在 Javascript 中启用 Razor Button

Question

这看起来应该很容易，但我不确定为什么它不起作用。我在 Razor 中创建了一个按钮，如下所示：

@Html.ActionLink("Next", "Add-Remove", "Catalogue-Item-Authors", new { id = Model.CatalogueItemID }, new { @class = "btn btn-default", @id = "next-button", @disabled="disabled" })

我希望它首先被禁用，但是当我的提交按钮被点击时，它应该被启用。我有一个表单，在表单的 OnSuccess 参数中调用 EnableNext()。这是函数：

function EnableNext() {
     document.getElementByID('next-button').disabled = false;
}

它在正确的时间被调用，我通过在函数中放置 alert("test") 验证了这一点，但按钮从未启用。任何人都可以看到为什么我的按钮不会被启用吗？谢谢。

Answer 1

我不确定为什么设置 disabled = false 不起作用，可能是因为您使用的是 anchor 标签而不是 button 标签，但起作用的是：

document.getElementById('next-button').removeAttribute('disabled')

此外，请注意 getElementById 中的 d 不应大写。

在 Javascript 中启用 Razor Button

Enabling Razor Button in Javascript

html

javascript

asp.net-mvc

razor