Javascript 引导单选按钮，在两个不同面板中具有css外观，不'；行不通

我有这个：

它有两个不同的引导面板。（我在最后一页有30个面板）-只是为了简化

我使用以下工具制作了一个时尚的单选按钮：

<label class="btn btn-success-on btn-success-inv bk-fg-white btn-sm bk-rd-off bk-bd-success" style="width: 90px; max-width: 90px;">
<input type="radio" name="CHOICE2" id="CHOICE2" value="1" /><i class="fa fa-thumbs-o-up"></i> CHOICE 01!</label>

选择01！

我的问题是：

• 如果我把这种风格放在不同的面板上，单选按钮就不起作用了。（我检查收音机1-并检查收音机2-并继续检查收音机1）

• 如果我把booth放在同一个面板上，没问题。 （如果我检查收音机1，然后检查收音机2-收音机1未选中）

怎么了

tks

---

1-所有收音机都在同一个面板上，工作正常。

当你把它们放在同一个面板上时，你也把它们放在同一个按钮组中，我想这就是重点

这是一个例子，你的第一把小提琴工作，虽然阶梯是打破的

<div class="btn-group" data-toggle="buttons">
     <div class="panel bk-widget bk-bd-off bk-chrome-fix col-lg-4 col-md-4 col-sm-4 col-xs-4">
        ...
    </div>
    <div class="panel bk-widget bk-bd-off bk-chrome-fix col-lg-4 col-md-4 col-sm-4 col-xs-4">
        ....
    </div>
<div>

---

仅供参考，id在文档上下文中必须是唯一的（与您的问题无关）@A.Wolff OP id不是唯一的，因此可能与此有关？问题是关于活动类（引导js行为），它与

表单组相关，每个
表单组仅一个
。在这里，您使用的是两个
表单组
，因此之前的活动类不会被删除。首先，谢谢您的时间帮助！是的，你说得对！问题在于DATA-TOGGLE=“Buttons”-如果我删除它-在任何情况下都可以正常工作。但是，没有这个，我也失去了“风格”——单选按钮现在有了“单选按钮风格”，而不是“按钮风格”。有办法解决这个问题吗？太多了！Daniel@DANIEL看看我的新小提琴，应该解决了这个问题
input[name=CHOICES] {
    display:none
}