javascript - 如何在ES6中为单选按钮设置选择属性

我正在尝试使用Javascript中的JSON文件制作单选按钮。我不太确定如何设置选中的属性，因此只能选择一个单选按钮。

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>

最佳答案

为input元素赋予相同的name属性，以便一次只能将其中一个作为checked。

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

关于javascript - 如何在ES6中为单选按钮设置选择属性，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/50317192/