Question

我尝试在按下操作链接时禁用按钮和操作链接。我已经在线尝试了所有内容，没有接缝可以提出任何建议吗？

我的HTML代码：

<button type="button" id="cancel" class="btn btn-default" data-dismiss="modal">Cancel</button>
@Html.ActionLink("Yes", "RemoveHandler", new { path = x }, new { onclick = "disable()" })

JS：

function disable() {
    document.getElementById("cancel").disabled = true;
    document.getElementById("ok").disabled = true;
}

Answer 1

MVC剃刀正在从<a>

生成@Html.ActionLink代码

没有html属性可以禁用<a>标记。你必须删除它。

虽然您可以删除href，但它与停用相同。或者您可以将href设置为"#"或"javascript:void(0)"

试试这个

function disable() { document.getElementById("mylink").href = "javascript:void(0)"; }

将id放入ActionLink

@Html.ActionLink("Yes", "RemoveHandler", new { path = "asdf" }, new { onclick = "disable()" , id="mylink"})

Answer 2

要解释这个问题，当您单击该按钮时，您的javascript代码会执行，然后您的操作链接会发送该页面，而在新页面中，该按钮不会被禁用。

您可以在javascript方法中尝试此操作：

function disable() {
document.getElementById("cancel").disabled = true;
document.getElementById("ok").disabled = true;

return false;
}

并在你的HTML中：

@ Html.ActionLink（＆＃34;是＆＃34;，＆＃34; RemoveHandler＆＃34;，new {path = x}，new {onclick =＆＃34; return disable（）＆＃34;} ）

按下时，Actionlink和按钮被禁用

2 个答案: