Javascript-无法动态创建复选框

我有以下函数，可以动态创建一组复选框：

var drawGroups = function(){
  var groups = document.getElementById("groups"); //groups element is a div
  groups.innerHTML = "";

  //groupList is an array containing strings
  for(var i in groupList){
    var groupName = groupList[i];

    var cb = document.createElement('input');
    cb.type = "checkbox";
    cb.checked = true; //this seems to do nothing
    groups.appendChild(cb);

    groups.innerHTML += groupName + "<br/>"
  }
}

var drawGroups=function（）{
var groups=document.getElementById（“groups”）；//groups元素是一个div
groups.innerHTML=“”；
//groupList是一个包含字符串的数组
对于（组列表中的变量i）{
var groupName=groupList[i]；
var cb=document.createElement（'input'）；
cb.type=“复选框”；
cb.checked=true；//这似乎没有任何作用
儿童组（cb）；
groups.innerHTML+=groupName+“
”
}
}

---

我读到的所有内容都表明，

cb.checked=true

应该选中复选框，但它似乎没有任何作用。如何在选中状态下创建复选框？

您需要设置

defaultChecked

属性：

var-groupList=['foo'，'bar'，'baz'，'biz'，'boz']；
var drawGroups=函数（）{
var groups=document.getElementById（“groups”）；//groups元素是一个div
groups.innerHTML=“”；
//groupList是一个包含字符串的数组
对于（组列表中的变量i）{
var groupName=groupList[i]；
var cb=document.createElement（'input'）；
cb.type=“复选框”；
cb.defaultChecked=true；
儿童组（cb）；
groups.innerHTML+=groupName+“
”
}
}
绘图组（）
您需要设置
defaultChecked
属性：


var-groupList=['foo'，'bar'，'baz'，'biz'，'boz']；
var drawGroups=函数（）{
var groups=document.getElementById（“groups”）；//groups元素是一个div
groups.innerHTML=“”；
//groupList是一个包含字符串的数组
对于（组列表中的变量i）{
var groupName=groupList[i]；
var cb=document.createElement（'input'）；
cb.type=“复选框”；
cb.defaultChecked=true；
儿童组（cb）；
groups.innerHTML+=groupName+“
”
}
}
绘图组（）
您可以使用方法
setAttribute
：

cb.setAttribute('checked',  true);

您可以使用方法
setAttribute
：

cb.setAttribute('checked',  true);