列表javascript中带div的DOM添加复选框

我有一个工作表单，可以将用户的新列表项添加到列表中。但是我的项目应该是DIV中的复选框。有什么方法可以做到这一点吗

$addcheckbox.clickfunction{ var z=document.getElementById'newcheckbox'。值； var entry=document.createElement'li'； entry.appendChilddocument.createTextNodez； entry.className='列表组项'； $ulgroceries.appendentry； }; 面包 苹果

---

您应该只使用append：

$("#addcheckbox").click(function() {
  $("#groceries").append('<li class="list-group-item"><div class="checkbox"><input type="checkbox"> Bread</div></li>');
});

附加参数可以是引号中的任何html

另一个例子：

var arr=[“面包”、“苹果”、“鸡蛋”]； var i=0； $addcheckbox.clickfunction{ $groceries.append+arr[i]+； i++； }; 添加复选框 名单：

---

只需使用jQuery函数创建要插入的元素并将其附加到列表中。如果条目中有动态内容，请使用jQuery的文本来防止编码问题

$addcheckbox.onclick，函数{ var$条目=$''； $entry.findlabel span.text$'newcheckbox.val； $ulgroceries。附加$entry； }; 面包 苹果 另外，如果您使用的是jQuery，那么就使用jQuery。