Html 带有下拉按钮的单选按钮组

嗨，我想创建一组单选按钮与引导，其中最后一个按钮是一个下拉按钮这里是我的代码到目前为止，基本上我希望最后一个按钮是一个下拉按钮

<div class="btn-group" data-toggle="buttons">
        <label id='Radio 1' class="btn btn-primary">
            <input type="radio" name="options" id="option1" autocomplete="off"> Radio 1
        </label>
        <label class="btn btn-primary">
            <input type="radio" name="options" id="option2" autocomplete="off"> Radio 2
        </label>
        <label class="btn btn-primary">
            <input type="radio" name="options" id="option3" autocomplete="off"> Radio 3
        </label>
        <label class="btn btn-primary">
            <input type="radio" name="options" id="option4" autocomplete="off"> Radio 4
        </label>
    </div>

第一台
第二台
第三台
第四台

这就是你想要尝试的吗？您可以使用引导单按钮下拉菜单来构建下拉菜单，请参见以下内容：

第一台
第二台
第三台
第四台

这就是你想要尝试的吗？您可以使用引导单按钮下拉菜单来构建下拉菜单，请参见以下内容：

第一台
第二台
第三台
第四台

一种解决方案是在切换下拉列表时删除活动类：

$('.dropdown-toggle').click(function(){
  $('.btn').removeClass('active');
});

---

示例：

一种解决方案是在切换下拉列表时删除活动类：

$('.dropdown-toggle').click(function(){
  $('.btn').removeClass('active');
});

---

示例：

是的，这正是我想做的，除了，还有一件事，你现在的方式是，当前3个按钮中的任何一个被点击，然后单选4被点击时，之前点击的按钮仍然被点击，我想要的是当点击4时，之前点击的按钮应该是不可点击的，这正是我想做的，除了，还有一件事，你现在的方式是，当前3个按钮中的任何一个被点击，然后单选4被点击时，之前点击的按钮仍然被点击，我想要的是当4被点击时，在那之前点击的按钮应该会变为未点击谢谢很多人，解决了我问题的剩余部分谢谢很多人，解决了我问题的剩余部分