javascript - 使用构造函数循环生成测验问题答案的复选框

Question

我正在 javascriptissexy.com 上的“学习 JavaScript”路径中学习，并已完成测验。通过查看书籍或这里的帖子，我几乎弄清楚了我所做的一切。我怀疑代码是否漂亮，但考虑到这是我做过的第一个项目，我非常自豪。

无论如何，我使用了构造函数和 for 循环将问题添加到一个 div 中，并将可能的答案添加到另一个 innerDiv 中。我不知道如何让 insideDiv 答案显示为复选框。

我改变了这一行:

var innerDiv = document.createElement('div');

致:

var innerDiv = document.createElement('input');

但所做的只是将其更改为文本输入框，而我所做的任何其他更改都破坏了代码。我很沮丧，但不想放弃，我喜欢这样做，而且我真的很想学。

有人可以帮助我吗？我知道我可以用 jQuery 更轻松地做到这一点，但我首先尝试以困难的方式学习它，然后当我以这种方式工作时，我将返回并更改它以使其工作得更好更多高效。

这是代码工作的jsfiddle:http://jsfiddle.net/joshrlangley/prx9h8sm/

谢谢!

Answer 1

您需要创建一个新的输入对象，设置该对象的属性以使其成为复选框，然后将其添加到 DOM:

    var cb = document.createElement('input');
    cb.setAttribute("type", "checkbox");
    cb.setAttribute("value", q.Answer[j]);
    innerDiv.appendChild(cb);

fiddle :

http://jsfiddle.net/prx9h8sm/1/