Question

我希望在单击链接时更改链接的引导类。

navcontroller

Answer 1

假设您不希望单击链接，则始终可以使用javascript将其隐藏。

<a href="#" onClick='document.getElementById("2").style.display = "none"'>link to be clicked </a>
<a href="#" id="2" name = "2">link to be disabled</a>

编辑：刚刚注意到您更新了问题，您可以尝试将其添加到链接中。

<a href="#" onClick='document.getElementById("2").classList.add("disabled")'>link to be clicked </a>
<a href="#" id="2" name = "2">link to be disabled</a>

您可以在以下引导文档中阅读有关禁用类的更多信息：https://getbootstrap.com/docs/4.0/components/buttons/#disabled-state

Answer 2

您可以按以下方式更改代码，这将帮助您轻松实现要求。

<html>
<head>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.0/css/bootstrap.min.css"/>
</head>
<body>
 <a href='#' OnClick = "document.getElementById('2').removeAttribute('Class');document.getElementById('2').setAttribute('Class','btn btn-info btn-sm disabled');" > link 
   to be clicked </a>
   <a href="link2" Class='btn btn-info btn-sm' id="2" name = "2"> link to be disabled </a>
</body>
</html>

单击另一个链接后如何更改链接的引导类？

2 个答案: