javascript - 如何使用 Javascript 将文本添加到单选按钮？

Question

我正在创建一个测验，并且有需要用于选择答案的单选按钮。

我使用的数组包含具有 3 个属性的对象。

1. 属性提出问题。

2. 属性保存一组答案。

3. 具有答案数组中正确答案索引值的属性。

基本上看起来像这样:

var questions = [{question1: "天空是什么颜色？", Answers:["blue", "red", "green", "orange"], CorrectAnswer: 0}];

正确答案:0是蓝色的索引值。

我现在需要开始将这些对象的值放入标记中。

例如，我的 html 中有 4 个单选按钮。

<form id="buttons">
            <input type="radio" name="answer" value="0"><br>
            <input type="radio" name="answer" value="1"><br>
            <input type="radio" name="answer" value="2"><br>
            <input type="radio" name="answer" value="3"><br>
        </form> 

我需要 javascript 在单选按钮旁边输入问题的答案，并且我想通过检查单选按钮的值是否与对象内的索引值相同来测试用户是否选择了正确的答案。

所以上面的数组示例看起来像这样。

<form id="buttons">
            <input type="radio" name="answer" value="0">blue<br>
            <input type="radio" name="answer" value="1">red<br>
            <input type="radio" name="answer" value="2">green<br>
            <input type="radio" name="answer" value="3">orange<br>
        </form> 

示例中的正确答案是值 =“0”；

我希望这不会太令人困惑。我正在研究 http://javascriptissexy.com/how-to-learn-javascript-properly/ 的第 4 周测验项目

Answer 1

使用标签添加新节点的简单代码并且工作正常

var x = document.createElement("INPUT");
        x.setAttribute("type", "radio");
        x.setAttribute("name", "sort");
        x.setAttribute("value", "town");
        x.setAttribute("id", "town");
        container_element.appendChild(x);
        var label = document.createElement('label');
        label.setAttribute('for', 'town');
        label.innerHTML = "town";
        container_element.appendChild(label);