javascript - 禁用按钮 .Net Core MVC View

Question

我的 view.cshtml 文件中有按钮:

<td>
    @if(@ViewBag.loading == false){
        @Html.ActionLink(
            "Run Test",
            "RunSingleTest",
            new { testName=@item.Test_type, id=@item.Id},
            new { @class = "btn btn-info" })
    }
</td>

HomeController.cs 中的触发方法:

public IActionResult RunSingleTest(string testName, int id)
{
    _service.RunSingleTest(testName, id);
    var items = _service.GetDetailsById<List>(id);
    return View("TestDetails", items);
}

我想在用户点击该按钮时禁用该按钮。我应该用 JQuery/Javascript 来做吗？如何将该按钮 ID 传递给脚本以及将该 ID 放在哪里？

Answer 1

您可以使用纯 HTML 元素来完成。此外，我没有看到禁用点击按钮有任何好处，因为你想让用户知道这个按钮不应该执行更多。最好在呈现时将其禁用。

@if(ViewBag.loading == false){
  <a href="javascript:void(0)" class="btn btn-info btn-disabled" id="@item.Id" testName="@item.Test_type">Run Test</a>
}

或者如果你想从字面上禁用它，那么使用 jQuery 给元素一个特定的类 -

<a href="/RunSingleTest" class="btn btn-info myBtn" ...> Run Test </a>

$('.myBtn').on('click',function(e){
  $(this).addClass('btn-disabled');
  e.PreventDefault() //preventing to navigate
});