javascript - 复选框无法在 html 页面中显示

Question

我正在使用 dom 概念构建 html 页面，但复选框未显示在 html 页面中。我的代码如下。

if (condition <= 0) {
 $doc = $(document.createElement("li")).attr({
     id: id,
     name: name,
     'class': 'liBullet'
 })
}

else {
 $doc = $(document.createElement("ul")).attr({
     id: id,
     name: name,
     'class': 'liBullet'
 })
}

$doc.append(
    $(document.createElement("input")).attr({
     id: id,
     type: "checkbox",
     name: name,
     'class': 'layerCheck'
    })

    .append(
        $(document.createElement("label")).attr({
          id: id,
          name: name
        })
    ).text(name)

    .append(
        $(document.createElement("div")).attr({
         id: id,
         'class': 'loadingLegend'
        })
    )).appendTo("#layer_list");
}

Answer 1

$(document.createElement("input")).attr({
                                     id: layer.id,
                                     type: "checkbox",
                                     name: layer.name, // <---- missing comma?
                                     'class': 'layerCheck'
                                 }); // <-- or missing semicolon?

此外，您不需要使用createElement，您可以这样做:

$("<input />").attr({
                       id: layer.id,
                     type: "checkbox",
                     name: layer.name,
                  'class': 'layerCheck'
              }).appendTo("body");