Javascript 如何使用JS将可见文本动态应用于输入单选按钮

我目前正在尝试向每个无线电输入字段添加文本。单选按钮看起来不错。相应地设置该值。但我看不到已设置的文本内容。提前谢谢

HTML

JavaScript

---

radioButton的值属性不是可见的，而是它旁边的文本

这是添加文本的一种方法

变量测验={ //存储问题 问题:[ { 问题：我们在哪一个月庆祝耶稣的诞生？， 答：【三月、九月、十一月、十二月】， 正确答案：十二月 } ] } 变量视图={ 答案：功能{ var answerTotal=quick.questions[0]。answers.length； forvar i=0；iradioButton的值属性不是可见的，而是它旁边的文本

这是添加文本的一种方法

变量测验={ //存储问题 问题:[ { 问题：我们在哪一个月庆祝耶稣的诞生？， 答：【三月、九月、十一月、十二月】， 正确答案：十二月 } ] } 变量视图={ 答案：功能{ var answerTotal=quick.questions[0]。answers.length； forvar i=0；i单选按钮不能显示文本。您必须在它们旁边创建一个span或div或任何东西，然后将文本放在那里。单选按钮无法显示文本。你必须在它们旁边创建一个span或div，然后把文本放在那里。你自己运行代码了吗？这使得所有单选按钮都可以选择。是的，因为我调整了您的代码以回答您的问题，所以您必须将所有按钮中的name属性设置为相同。无论如何，我再次调整了答案。你自己运行代码了吗？这使得所有单选按钮都可以选择。是的，因为我调整了您的代码以回答您的问题，所以您必须将所有按钮中的name属性设置为相同。无论如何，我再次调整了答案。

<form id="answers"></form>

var quiz = {

  // Store questions
  questions: [
    {
      question: "What month do we celebrate the birth of Jesus?",
      answers: ["March", "September","Novemeber", "Decemeber"],
      correctAnswer: "December"
    }
  ]
}

var view = {
      showAnswers: function(){

          var answerTotal = quiz.questions[0].answers.length;

          // Loop to create radio buttons 
          for(var i = 0; i < answerTotal; i++ ){
            var answersContainer = document.getElementById('answers');
            var answersInput = document.createElement('input');
            answersInput.setAttribute('type', 'radio');
            answersInput.textContent = quiz.questions[0].answers[i];
            answersInput.value = quiz.questions[0].answers[i];
            answersContainer.appendChild(answersInput);
          }

      }

}