Javascript 引导和反应，分配。单选按钮上的活动类

我有一排自定义单选按钮，如果选中它们，它们会改变大小。默认情况下，第一个是选中的，当我单击另一个按钮时，引导应该添加

.active

类，问题是该类没有被添加，因为我删除了jquery引导库。如何在纯javascript中实现这一点？我尝试使用简单的CSS

CSS
.步骤{
背景位置：中心；
背景重复：无重复；
背景尺寸：包含；
颜色：#fff；
光标：指针；
字号：2.2rem；
高度：55px；
边缘顶部：0.2rem；
边缘底部：0.2rem；
不透明度：0.8；
溢出：隐藏；
位置：相对位置；
文本阴影：2PX2PX0PX#000；
过渡：0.4s；
宽度：55px；
z指数：1；
}
.step.active{
不透明度：1；
位置：相对位置；
文本阴影：2p2px0px#000，0px 0px 10px#fff，0px 0px 10px#fff；
转换：比例（1.8）；
z指数：99；
}
尝试
输入[type=“radio”]：选中+标签{
不透明度：1；
位置：相对位置；
文本阴影：2p2px0px#000，0px 0px 10px#fff，0px 0px 10px#fff；
转换：比例（1.8）；
z指数：99；
}

1.
2.
3.

您可以为单选单击添加一个功能，该功能将从已设置的活动元素中删除活动类，并将类添加到当前元素中。 您可以参考下面的示例

函数myFunction（e）{
var arr=document.getElementsByName（'radioa'）；
arr.forEach（函数（a）{a.classList.remove（“active”）；}）；
e、 类列表。添加（“活动”）；
}

.active{
不透明度：1；
位置：相对位置；
文本阴影：2p2px0px#000，0px 0px 10px#fff，0px 0px 10px#fff；
转换：比例（1.8）；
z指数：99；
}

---

您可以为单选单击添加一个功能，该功能将从已设置的活动元素中删除活动类，并将类添加到当前元素中。 您可以参考下面的示例

函数myFunction（e）{
var arr=document.getElementsByName（'radioa'）；
arr.forEach（函数（a）{a.classList.remove（“active”）；}）；
e、 类列表。添加（“活动”）；
}

.active{
不透明度：1；
位置：相对位置；
文本阴影：2p2px0px#000，0px 0px 10px#fff，0px 0px 10px#fff；
转换：比例（1.8）；
z指数：99；
}

检查这是否是您需要的…@Piyus尝试过，但不起作用。那把小提琴能给您所需的输出吗？@Piyus不是真的，我尝试过删除+标签，但风格没有改变。我添加的小提琴正在改变，不是吗？检查这是否是您所需要的…@Piyus尝试过，但不起作用。那把小提琴给了您想要的输出吗？@Piyus不是真的，我尝试过删除+标签，但风格没有改变。我添加的小提琴正在改变，不是吗？