Javascript 添加+；1.下课后

我最近一直在空闲时间学习JavaScript/JQuery。我试图让脚本在两个复选框之间进行选择。如果第一个复选框为true，则第二个复选框为false；如果第一个复选框为false，则第二个复选框为true。这一个可以工作，但不能在多个类上工作。我添加了两个类。checkbox-group1和。checkbox-group2。我尝试将脚本添加+1到.checkbox组2次，但它只添加了，这样我就可以得到类.checkbox-group1和.checkbox-group2，但我只得到.checkbox-group1

Javascript/JQuery

$(document).ready(function(){
    
    var i = 0;

if(i<2){

i++;

}

else{

i = 1;

}
    
    $('.checkbox-group'+ i +' input:checkbox').click(function() {
    $('.checkbox-group'+ i +' input:checkbox').not(this).prop('checked', false);
    });
});

$（文档）.ready（函数（）{
var i=0；
如果（i您不需要循环，您可以在var中获得正确的复选框，然后将div的所有复选框设置为false。最后，将正确的复选框设置为checked

我注释了我的代码


$（文档）.ready（函数（）{
//我们得到的div的类名如下：checkbox group
$（“div[class^='checkbox-group']，div[class*='checkbox-group']）。单击（函数（事件）{
//我们将当前单击的元素保存在一个变量中
var getCurrentChecked=event.target；
//我们将所有检查的输入设置为false
$（this）.find（'input:checkbox'）.prop（'checked'，false）；
//然后我们检查正确的一个
$（getCurrentChecked）.prop（'checked'，true）；
log（$（this.attr（'class'）+'-'+$（getCurrentChecked.val（））；
});
})；

HTML复选框
对：
不：
对：
不：
您似乎正在寻找一个只允许一次选择一个选项的选项。伙计……有时候解决方案很简单，我在这里尝试重新设计方向盘。将此作为答案发布，我会接受。谢谢！但要小心使用此选项，因为单击复选框外的包含div将取消选中该复选框。
<div class="checkbox-group1 required">
Yes: <input type="checkbox">
No: <input type="checkbox">
</div>


<div class="checkbox-group2 required">
yes: <input type="checkbox">
No: <input type="checkbox" >
</div>