html/bootstrap-复选框和单选框在一个输入组中

我想做的是让你们可以选择选项1或者其他任意数量的选项。因此，选项1应为“无线电”，其他选项应为正常的“复选框”

我的代码：

<div class="input-group">
    <label>Presentation:</label>
    <input type="radio" name="presentation" id="presentation-0" value="correct">
       Option 1
    <input type="checkbox" name="presentation" id="presentation-1" value="Incorrect1">
       Option 2
    <input type="checkbox" name="presentation" id="presentation-2" value="Incorrect2">
       Option 3
    <input type="checkbox" name="presentation" id="presentation-3" value="Incorrect3">
       Option 4    
</div>

演示：
选择1
选择2
选择3
选择4

---

如果我这样做，您仍然可以在选择其他选项的同时选择选项1。有人知道我怎样才能得到想要的结果吗？（因此，当您选择另一个选项时，选项1变为未选中状态/当您选择选项1时，选项2-4变为未选中状态）

您可以通过添加属性和删除属性jquery功能轻松完成此操作。
添加2个类，例如在无线电输入中添加class=“radio”，在复选框输入中添加class=检查，然后尝试下面的jquery代码

$('.radio').click(function(){
    $(this).attr('checked', 'checked');
    $('.check').removeAttr('checked');
})
$('.check').click(function(){
   $(this).attr('checked', 'checked'); 
   $('.radio').removeAttr('checked');
})