Javascript 当某些按钮处于活动状态时更改链接

我的页面上有一个链接到另一个网站的按钮，但在同一页面上也有多个按钮。我希望当一个按钮处于活动状态，而其他按钮不处于活动状态时，链接会发生变化。因此，每个链接对于该按钮都是唯一的，但只有当它处于活动状态而另一个未处于活动状态时才起作用。我怎么能这样做呢？

你是说这样的事吗

var btns=$（“.btn”）；
BTN.on（“点击”，功能（e）{
this.classList.toggle（“活动”）；
});
$（“.go”）。在（“单击”，功能（e）{
//window.open（'http://'+$（“.active”）.attr（“数据id”））；向切换按钮添加“.active”类名，并向按钮添加“数据链接”属性


var-link=”“；
window.onload=函数（）{
var btns=document.getElementsByClassName（“选项”）；
对于（变量i=0；i

.active{
背景色：黑色；
颜色：白色；
}
Google
苹果
去
基本上，你必须确保以下几点：

单击“大小”按钮时，它应具有活动的背景色。以前单击的任何其他按钮将不再处于活动状态


单击“购买”按钮时，每个尺寸按钮将更改链接位置


想法：

我们的想法是，默认情况下添加一个
.wrap
，然后您希望将
”包装起来；
$（“按钮”）.removeClass（“活动”）；
$（此）.addClass（“活动”）；
});
$（“#大小-9”）。单击（函数（）{
$（“购买”）.unwrap（）；
美元（“#购买”）。包装（“”）；
$（“按钮”）.removeClass（“活动”）；
$（此）.addClass（“活动”）；
});
})；
.active{
背景色：红色；
}

8号
9号


购买
什么时候它处于活动状态以及它必须更改为什么是什么意思？我有一个产品的尺寸按钮，我有一个代码，当它被单击时，将使其中一个按钮类处于活动状态，而其他按钮将不处于活动状态。然后我有一个购买按钮，它现在只链接到一个页面，但我想要，例如，当尺寸为8时点击购买按钮链接会发生变化，然后当尺寸为10的按钮被点击并激活时，购买按钮链接与尺寸为8的按钮链接不同。让我知道如果该帮助我添加了您的答案，请在JSFIDLE或其他东西上尝试。它有效。谢谢！有效。有没有方法可以在尺寸上方添加按钮例如，当按钮1处于活动状态且尺寸9处于活动状态时，它会转到Google 9.com，但如果按钮1处于活动状态且尺寸8处于活动状态，它会转到Google 8.com吗？