Bootstrap 4 如何在不重新加载页面的情况下更改引导4按钮

我试图让一个引导4按钮改变成一个不同的风格，而不需要重新加载页面

我使用primary类创建了一个Subscribe按钮，它的颜色是紫色，当有人单击它并订阅时，它会变成一个次要按钮，它是灰色的，尽管它不会变成次要灰色，除非你刷新页面或离开并返回页面

下图说明了这一点：

代码如下：

<a href="#" id="user_subscription" data-uid="{$user.UID}" data-subscribed="1" class="btn btn-secondary btn-bold btn-xs">{t c='user.subscribed'} <i class="fas fa-check"></i></a>
{else}
<a href="#" id="user_subscription" data-uid="{$user.UID}" data-subscribed="0" class="btn btn-primary btn-bold btn-xs" style="color:#fff;">{t c='user.subscribe'} <i class="fa fa-plus"></i></a>
{/if}

{else}
{/if}

---

这可能吗？

使用javascript，是的possible@frankfurt谢谢你的回复。我可以使用jQuery和hasClass来实现这一点。