html 动态勾选复选框,Js动态添加复选框Checkbox的简单示例

这篇文章主要为大家详细介绍了Js动态添加复选框Checkbox的简单示例，具有一定的参考价值，可以用来参考一下。

感兴趣Js动态添加复选框Checkbox的简单示例的小伙伴，下面一起跟随512笔记的小编罗X来看看吧。

首先，使用JS动态产生Checkbox可以采用如下类似的语句：

var checkBox=document.createElement("input");

checkBox.setAttribute("type","checkbox");

checkBox.setAttribute("id",'123456');但是，这样产生的checkbox是不带尾后的文字的，如果需要添加，那么需要使用

document.createTextNode('XXX')方法来产生一个文本节点，放在checkbox后面。

如下代码，程序产生了一个checkbox和一个文本节点，并将它们放到一个li对象中，再将li对象添加到ul对象中：

var executerDiv=$("executerDiv");

executerDiv.innerHTML="";

var ul=document.createElement("ul");

for(var i=0;i

var arr=tableDatas[i];

// 加入复选框

var checkBox=document.createElement("input");

checkBox.setAttribute(