Как установить атрибут выбора для радиокнопок в ES 6

Question

Я пытаюсь сделать радиокнопки, используя JSON-файл в Javascript. Я не совсем уверен, как я могу установить проверенный атрибут, чтобы можно было выбрать только одну радиокнопку.

const makeArtistRadioButtons = (artists) => {
    artists.forEach(artist => {
      // <div>
        // <input type="radio" value="artist"> artist name <br>
        // ...
      // </div>
      const $parent = document.querySelector(`.radiobuttons`);
      const $label = document.createElement(`label`);
      $label.innerHTML = `<input class="radio" type="radio" value="${artist}"> ${artist}`
      $parent.appendChild($label);
    });

  }

<form class="" action="index.html" method="post">
   <section class="radiobuttons"></section>
   <button type="submit" name="button">Submit</button>
</form>

Answer 1

Установите атрибут имени на каждой радиокнопке на одно и то же значение, тогда только 1 радиокнопка с этим именем может быть выбрана одновременно

 <input type='radio' name='group'                
  value=1>
 <input type='radio' name='group' 
  value=2>            
 <input type='radio' name='group'                  
  value=3>

Answer 2

Присвойте элементам input один и тот же атрибут name, чтобы только один из них мог быть checked одновременно.

<input class="radio" type="radio" name="artist" value="${artist}"> ${artist}