javascript复选框创建元素

Question

我正在尝试向表单添加复选框列表.当我使用下面的代码时,我得到了数组中的所有项目但没有复选框,所以我无法选择任何内容.我确信这有一个非常简单的解决方案,但我看不出我做错了什么(我是新手).非常感谢您的帮助.这是代码:

var check_value = new Array()
check_value[0] = "I work at home"
check_value[1] = "Train/Subway"
check_value[2] = "Walk"
check_value[3] = "Bicycle"

for(count in check_value)
    {
    var ptworkinfo=document.createElement("input");
    ptworkinfo.type="checkbox";
    ptworkinfo=(check_value[count] + "</br>");
    ptworkinfo.id="ptworkinfo";
    document.write(ptworkinfo);
    count+=count;
    }

Answer 1

这里有几个问题:

1)永远不要使用document.write - 您需要使用的标准纯javascript实现是将appendChild添加到父元素.例如:

var parentElement = document.getElementById('myParentElement');

if(parentElement != null)
   parentElement.appendChild(myChildElement);

2)使用这些知识,您可以通过简单的语句返工轻松添加元素:

var parentElement = document.getElementById('myParentElement');

for(var count in check_value)
{
    var newCheckBox = document.createElement('input');
    newCheckBox.type = 'checkbox';
    newCheckBox.id = 'ptworkinfo' + count; // need unique Ids!
    newCheckBox.value = check_value[count] + '<br/>';

    parentElement.appendChild(newCheckBox);
}