Javascript 引导按钮切换组提交两个选项和表单

以下是使用引导创建的提交表单的一部分。这里的目标是创建一个选项组；选择一个选项应取消选择（或“关闭”）另一个选项

html:

---

我只想选择一个选项。我需要使用javascript/jquery来实现这一点，还是我的html有问题？

一组单选按钮的name属性值必须相同。单选按钮就是这样工作的

但这种情况可以通过编写一点jquery逻辑来避免，该逻辑禁用除当前单选按钮之外的所有单选按钮的标签

let classesSet='.col.btn-group.btn-group-toggle.form-group'；
$（classesSet+'input[type=radio]'）。打开（“更改”，函数（）{
$（classesSet+'input[type=radio]'）。不是（this）.prop（'checked'，false）；
console.log（$（this.attr（'name'））；
});

激活
不赞成
我用您的代码制作了一个可复制的示例。您的代码运行良好。您可能没有包含引导javascript。您需要这样的结果吗？只有当我单击一个按钮，然后单击另一个按钮，然后提交时，才会出现问题。如果你只需点击一下就可以了。你必须提交表格才能理解我的意思。从视觉上看，它是有效的，但数据显示字段是选中的。我理解你所说的。提交表单时可以得到两个值。为此，两个输入的
name=”“
必须相同。为什么要将name=”“作为唯一属性传递？单选按钮的名称“”必须为“孤独”。
<div class="col btn-group btn-group-toggle form-group" role="radiogroup" data-toggle="buttons">
    <label class="btn btn-outline-success active"> <input id="create_option_activated" type="radio" name="create_option_activated" autocomplete="off" /> Activated </label>
    <label class="btn btn-outline-danger"> <input id="create_option_deprecated" type="radio" name="create_option_deprecated" autocomplete="off" /> Deprecated </label>
</div>