title: How can I make multiple radio button groups with same name?
body: <p>My code like this : </p>
  
  <pre><code>&lt;div class="col-md-4"&gt;
      &lt;ul class="list-unstyled"&gt;
          &lt;li&gt;&lt;strong&gt;England&lt;/strong&gt;&lt;/li&gt;
          &lt;li&gt;
              &lt;div class="checkbox"&gt;
                  &lt;label&gt;
                      &lt;input type="radio" name="test"&gt; Chelsea
                  &lt;/label&gt;
              &lt;/div&gt;
          &lt;/li&gt;
          &lt;li&gt;
              &lt;div class="checkbox"&gt;
                  &lt;label&gt;
                      &lt;input type="radio" name="test"&gt; Mu
                  &lt;/label&gt;
              &lt;/div&gt;
          &lt;/li&gt;
          &lt;li&gt;
              &lt;div class="checkbox"&gt;
                  &lt;label&gt;
                      &lt;input type="radio" name="test"&gt; Arsenal
                  &lt;/label&gt;
              &lt;/div&gt;
          &lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  &lt;div class="col-md-4"&gt;
      &lt;ul class="list-unstyled"&gt;
          &lt;li&gt;&lt;strong&gt;Spain&lt;/strong&gt;&lt;/li&gt;
          &lt;li&gt;
              &lt;div class="checkbox"&gt;
                  &lt;label&gt;
                      &lt;input type="radio" name="test"&gt; Madrid
                  &lt;/label&gt;
              &lt;/div&gt;
          &lt;/li&gt;
          &lt;li&gt;
              &lt;div class="checkbox"&gt;
                  &lt;label&gt;
                      &lt;input type="radio" name="test"&gt; Barcelona
                  &lt;/label&gt;
              &lt;/div&gt;
          &lt;/li&gt;
          &lt;li&gt;
              &lt;div class="checkbox"&gt;
                  &lt;label&gt;
                      &lt;input type="radio" name="test"&gt; Atletico
                  &lt;/label&gt;
              &lt;/div&gt;
          &lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Demos like this :</p>
  
  <p><a href="https://jsfiddle.net/oscar11/m7by6zcw/1/" rel="nofollow noreferrer">https://jsfiddle.net/oscar11/m7by6zcw/1/</a></p>
  
  <p>I want to use the same name on both groups button like my code above. But the impact is that both radio button groups can only choose one. There are cases that make me have to use the same name.</p>
  
  <p>How to make both groups button can be selected even though using the same name?</p>