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。ですから、静的な "Answer1" "Answer2"テキストの代わりに、 "Option1"と "Option2" IDを<label for="Correct">のスペースに入れることが本当に必要です。

可能ですか？

おかげで、

Answer 1

から$('label[for=Correct]').html('New Label');やjQueryの

なし

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

を試してみてくださいこのヘルプあなたをしていますか？

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"> 
 
\t \t \t <input type="radio" name="answer" value="Correct" id="Correct" /> 
 
\t \t \t <label for="Correct"> Answer 1 </label> 
 
\t \t </div> 
 
\t \t <div class="answer"> 
 
\t \t \t <input type="radio" name="answer" value="Incorrect" id="Incorrect" /> 
 
\t \t \t <label for="Incorrect"> Answer 2 </label> 
 
\t \t </div> 
 
\t </div> 
 
</div>

Answer 2

はthis answer