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

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

我正在尝试使Bootstrap 4按钮更改为其他样式，而无需重新加载页面。

我使用主要类（紫色）制作了一个“订阅”按钮，当有人单击它并进行订阅时，它变成了辅助按钮（灰色），尽管除非您不更改为次要灰色，刷新页面或离开并返回页面。

下面是说明此情况的图像：

这是代码：

<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}

这可能吗？