单选按钮的 DOM innerText 循环答案

【问题标题】：DOM innerText loop for radio button单选按钮的 DOM innerText 循环
【发布时间】：2018-05-14 23:27:42
【问题描述】：

有没有办法为单选按钮循环一个 innerText ？我有一个数组中的值，我想将它们作为文本循环到我正在循环的单选按钮。我有一个 for-llop 正在创建具有类和值的单选按钮，现在我需要将值用作文本随它去。像这样：

<input type="radio" class="response" value="2">2

我目前的代码是：

let radioButtons = Object.values(questionAlternatives)

for (let i = 0; i < Object.keys(questionAlternatives).length; i++) {
  let answerRadio = document.querySelector('#answerRadio')
  let radioButton = document.createElement('input')
  radioButton.setAttribute('type', 'radio')
  radioButton.setAttribute('class', 'response')
  radioButton.setAttribute('value', radioButtons[i])
  answerRadio.appendChild(radioButton)
}

有什么办法吗？

【问题讨论】：

标签： javascript for-loop dom radio-button

【解决方案1】：

经过一番挖掘，我找到了答案：

for (let i = 0; i < Object.keys(questionAlternatives).length; i++) {
  let answerRadio = document.querySelector('#answerRadio')
  let radioButton = document.createElement('input')
  let radioText = document.createTextNode(radioButtons[i].toString())
  radioButton.setAttribute('type', 'radio')
  radioButton.setAttribute('class', 'response')
  radioButton.setAttribute('value', radioButtons[i])
  answerRadio.appendChild(radioButton)
  answerRadio.appendChild(radioText)
}

【讨论】：