在javascript中创建并用DOM填充带有数组值的复选框列表

我有一系列的动物。。。如何在javascript中创建一个复选框列表，并用动物数组中的动物名称填充每个复选框列表，然后用html显示它们。 我的尝试代码：

var lengthArrayAnimals = animals.length;
for (var i= 0; pos < tamanhoArrayDiagnosticos; pos++) {
    var checkBox = document.createElement("input");
    checkBox.setAttribute("type", "checkbox");
    checkBox.name = diagnosticos[i];
}

var lengthArrayAnimals=anies.length；
对于（var i=0；pos

我希望这是您所期望的

$（文档）.ready（函数（）{
动物变量=[“猫”、“狗”、“皮卡丘”、“查曼纳”]；
$。每个（动物、功能（指数、值）{
var复选框=”“+值+“”
$（“.checkBoxContainer”）.append（$（复选框））；
})
});

这里有一种方法（纯JavaScript，无jQuery）：

var动物=[“狮子”、“老虎”、“熊”、“松鼠”]；
var myDiv=document.getElementById（“cboxes”）；
对于（变量i=0；i

您必须将
复选框
附加到DOMsuper。这很有帮助。
var animals = ["lion", "tigers", "bears", "squirrels"];

var myDiv = document.getElementById("cboxes");

for (var i = 0; i < animals.length; i++) {
    var checkBox = document.createElement("input");
    var label = document.createElement("label");
    checkBox.type = "checkbox";
    checkBox.value = animals[i];
    myDiv.appendChild(checkBox);
    myDiv.appendChild(label);
    label.appendChild(document.createTextNode(animals[i]));
}