在一个输入组中的html/引导-复选框和无线电

Question

我想要做的是，这样你就可以选择选项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-4在选择选项1时取消选择时，选项1将被取消选择)

Answer 1

您可以轻松地通过添加属性和删除属性jquery函数来完成这一任务。

添加2个类，例如在收音机输入中添加class=“收音机”，并在复选框输入中添加class=check，然后尝试使用下面的jquery代码。

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