HTML单选按钮标签-是否用Javascript ID填充？

Question

我有这个HTML-

 <div class="qa">
<div class="questions"></div>
<div class="answers">
  <div class="answer">
    <input type="radio" name="answer" value="Correct" id="Correct" /><label for="Correct"> Answer 1 </label>
  </div>
  <div class="answer">
    <input type="radio" name="answer" value="Incorrect" id="Incorrect" /><label for="Incorrect"> Answer 2 </label>
  </div>
</div>

我的JavaScript看起来像这样-

var questions = [ {
"q": "When was Project Launched?",
"a": {"Correct": "That's Right!","Incorrect": "Nope, Project was launched in 2016"  },
"Option1": "2016",
"Option2": "2017"  
}, 

我想要的是动态地拉到HTML中的单选按钮标签的答案。 因此，我确实需要能够将“ Option1”和“ Option2” ID放入<label for="Correct">空间中，而不仅仅是静态的“ Answer1”“ Answer2”文本。

可能吗？

谢谢，

Answer 1

试试$('label[for=Correct]').html('New Label'); 或没有jQuery

var input = document.getElementById('Correct');
var label = input.getElementsByTagName('label')[0];
label.innerHTML = 'New Text';

从这个答案

Answer 2

这对您有帮助吗？

 var questions = [ { "q": "When was Project Launched?", "a": {"Correct": "That's Right!","Incorrect": "Nope, Project was launched in 2016" }, "Option1": "2016", "Option2": "2017" }]; var divElement1 = document.getElementsByClassName("answer")[0]; divElement1.childNodes[3].innerText = questions[0].Option1; var divElement2 = document.getElementsByClassName("answer")[1]; divElement2.childNodes[3].innerText = questions[0].Option2; 

 <div class="qa"> <div class="questions"></div> <div class="answers"> <div class="answer"> <input type="radio" name="answer" value="Correct" id="Correct" /> <label for="Correct"> Answer 1 </label> </div> <div class="answer"> <input type="radio" name="answer" value="Incorrect" id="Incorrect" /> <label for="Incorrect"> Answer 2 </label> </div> </div> </div>