Javascript 禁用按钮.Net核心MVC视图

我的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>

---

我想在用户单击该按钮时禁用该按钮。我应该用JQuery/Javascript来做吗？如何将该按钮id传递给脚本以及将该id放置在何处？

您可以使用纯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>
}

@if（ViewBag.loading==false）{
}

或者，如果您想从字面上禁用它，那么使用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
});

$（'.myBtn'）。在（'click'，函数（e）上{
$（this.addClass（'btn-disabled'）；
e、 PreventDefault（）//阻止导航
});

根据，您不能仅在actionlink上设置禁用的

属性

CSS

.linkdisabled{
   cursor:text;
}

JQuery

$function(){
    $(".linkdisabled").click(function(){
        return false;
    }
}

这是一个锚点，锚点没有禁用属性。您可以通过jQuery
href=“javascript:void（0）
或
返回false
。
.linkdisabled{
   cursor:text;
}

$function(){
    $(".linkdisabled").click(function(){
        return false;
    }
}