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

Question

我正在使用bootstrap 4构建一个表单；我必须使用单选按钮来询问一种语言的知识水平，并且我为每种语言都有一个div，其中有6个inline radio button (每个级别一个)。问题是所有的方框都可以同时勾选。

我正在通过JS函数(由JSweet转换)生成HTML，但我不认为这与问题有关。

另外，我使用的是Firefox68.0.1，但我不认为这与此相关，因为W3school example的工作方式与预期不谋而合。

我尝试过各种方法(从将<input>放入<label> </label>的W3school开始)，但它们都不起作用。

我展示的这个是让我们看到标签的那个(其他的只展示了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>

Answer 1

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

<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>