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

Javascript 使用构造函数上的循环生成测验问题答案的复选框,javascript,constructor,createelement,Javascript,Constructor,Createelement,我正在javascriptissexy.com上学习JavaScript路径,并且已经发展到了测试阶段。我已经通过阅读书籍或这里的帖子了解了我所做的一切。我怀疑代码是否漂亮,但考虑到这是我做过的第一个项目,我非常自豪 无论如何,我使用了构造函数和for循环将问题添加到一个div中,并将可能的答案添加到另一个innerDiv中。我不明白的是如何让innerDiv答案显示为复选框 我改变了这一行: var innerDiv = document.createElement('div'); 致: 但

我正在javascriptissexy.com上学习JavaScript路径,并且已经发展到了测试阶段。我已经通过阅读书籍或这里的帖子了解了我所做的一切。我怀疑代码是否漂亮,但考虑到这是我做过的第一个项目,我非常自豪

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

我改变了这一行:

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

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

有人能帮我吗?我知道我可以用jQuery更轻松地完成这项工作,但我正在尝试先用艰苦的方式学习它,然后当我以这种方式工作时,我将返回并修改它,使其工作得更好、更高效

下面是一段代码:


谢谢

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

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


谢谢我感谢你的帮助!不客气,如果这解决了您的问题,请标记为答案;
    var cb = document.createElement('input');
    cb.setAttribute("type", "checkbox");
    cb.setAttribute("value", q.Answer[j]);
    innerDiv.appendChild(cb);