html - 单选按钮错误，允许多项选择

我正在使用bootstrap 4创建表单；
我必须使用单选按钮来询问一门语言的知识水平，每门语言我都有一个div，里面有6个inline radio button（每层一个）。
问题是所有的框都可以同时选中。
我是通过一个HTML函数生成JS（由JSweet传递），但我认为这与问题无关。
另外，我使用的是火狐68.0.1，但我不认为它与此相关，因为W3school example按预期工作。
我试过各种各样的指导方针（从W3school开始，W3school把<input>放在<label> </label>里面），但是没有一个有效。
我展示的是一个可以看到标签的（另一个刚刚展示了6个非常接近的收音机）。

<div class="container h-100 d-flex justify-content-around align-items-center">
   <form action="doSomething" method="POST">
      <div class="form-group">
         .
         .
         .
         Parts of the form actually working
         .
         .
         .
         <div class="container">
            <div name="language0" class="container">
               <div class="form-check-inline">
                  <label class="form-check-label" for="Italiano0"> Italiano  A1</label>
                  <input class="form-check-input" type="radio" name="Italiano0" id="Italiano0" value="Italiano0">
               </div>


               <div class="form-check-inline">
                  <label class="form-check-label" for="Italiano1">A2</label>
                  <input class="form-check-input" type="radio" name="Italiano1" id="Italiano1" value="Italiano1">
               </div>

            **This is repeated for each level from a1 to c2 and for each language**

            </div>
            <div name="language1" class="container>
               .
               .
               .
            </div>
         </div>
      </div>
   </form>
</div>

最佳答案

尝试保持输入的名称不变。如下所示

<div class="form-check-inline">
  <label class="form-check-label" for="Italiano0"> Italiano  A1</label>
  <input class="form-check-input" type="radio" name="Italiano123" id="Italiano0" value="Italiano0">
</div>


<div class="form-check-inline">
  <label class="form-check-label" for="Italiano1">A2</label>
  <input class="form-check-input" type="radio" name="Italiano123" id="Italiano1" value="Italiano1">
</div>

关于html - 单选按钮错误，允许多项选择，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/57428678/