使用document向html输出一组checkbox 如何设置能使复选框  处于选中状态
部分代码如下:
var newAnchor_chx=document.createElement("input");thisChxID="x"+thisID;  //节点复选框id
newAnchor_chx.id=thisChxID; //通过id可以间接找到div
newAnchor_chx.type="checkbox";  //定义为复选框
newAnchor_chx.name = "treeChkBoxes"; //树中所有复选框统一名字我设置checked属性为true,但输出的复选框仍未选中
newAnchor_chx.checked=true;
请问各位高手应该如何设置?????或用其他办法????
谢谢

解决方案 »

  1.   


    <!DOCTYPE HTML>
    <html>
    <head>
    <meta charset="gb2312" />
    <title></title>
    </head>
    <body>

    <script>
    var t = document.createElement('input');
    t.type = 'checkbox';
    document.body.appendChild(t);
    t.checked = 'checked';
    </script>
    </body>
    </html>
    have a try
      

  2.   

                document.body.appendChild(t);
                t.checked = 'checked';
    先appendChild 再 设置 checked
      

  3.   

    这是我的代码
    <script language="javascript">/************************ 向树框架中插入内容: **********************************/
    for(var i in stringArr){ //遍历所有数据记录:
    thisID="J"+ stringArr[i][1]; //通过信息的levelcode生成节点id

    thisContent=stringArr[i][2];  //节点显示内容
    var YesLeaf=stringArr[i][3];

    var anchorText=document.createTextNode(thisContent);
    var newAnchor_chx=document.createElement("input"); //节点复选框 (080602byLQ)
    var newAnchor_img=document.createElement("img");   //树型图片
    var newAnchor_a=document.createElement("a");   //本节点链接容器
    var newAnchor_br=document.createElement("br");  //换行符
    var newAnchor_div=document.createElement("div"); //本节点包含子节点的容器
    thisAID="a"+ thisID; //节点链接id
    newAnchor_a.id=thisAID; //通过id可以间接找到div
    newAnchor_a.style.paddingLeft=16;
    newAnchor_a.appendChild(anchorText); //在本节点中加入显示内容 newAnchor_div.id=thisID;
    newAnchor_div.style.display = "none"; //div显示方式: thisImgID="m"+ thisID; //节点图片id
    newAnchor_img.id=thisImgID; //通过id可以间接找到div
    newAnchor_img.align="absmiddle"; thisChxID="x"+thisID;  //节点复选框id
    newAnchor_chx.id=thisChxID; //通过id可以间接找到div
    newAnchor_chx.type="checkbox";  //定义为复选框
    newAnchor_chx.name = "treeChkBoxes"; //树中所有复选框统一名字
    newAnchor_chx.checked="checked";
    //如果是叶子节点:
    if(YesLeaf!=null && YesLeaf=="T"){
    newAnchor_a.href="<%=ActionPage %>?id="+stringArr[i][0];  //节点指向链接【根据业务需要更改值的内容】
    newAnchor_a.name="leafA"; //当是叶子节点时,<a>统一是这个名字
    newAnchor_a.style.background=LeafABG;
    newAnchor_img.src=LeafIMG;
    newAnchor_img.name="leafImage"; //当是叶子节点时,图片统一是这个名字
    //复选框赋值:
    newAnchor_chx.value = stringArr[i][0];  //【根据业务需要更改值的内容】
    }
    //如果不是叶子节点:
    else{
    newAnchor_a.href="#";  //节点开合控制
    newAnchor_a.name=thisID; //!注意:非常重要,通过a的name可以找到div!
    newAnchor_a.style.background=PlastABG;
    newAnchor_img.src=PlastIMG;
    newAnchor_img.name=thisID; //当不是叶子节点时,通过img的name可以找到div!
    //注意:非叶子节点的复选框为空
    newAnchor_chx.value = "";
    } var parentID=getFatherID(stringArr[i][1]); //用函数获得当前节点的父项id 
    var parent=document.getElementById(parentID); //当前节点的父对象
    //当父对象存在时,插入该节点:
    if(parent){

    parent.appendChild(newAnchor_img);
    parent.appendChild(newAnchor_chx);
    parent.appendChild(newAnchor_a);

    parent.appendChild(newAnchor_br);
    parent.appendChild(newAnchor_div);
    }
    }
      

  4.   

    解决了  非常感谢!!顺便问下  为什么先appendChild再设置????
    有什么区别????
      

  5.   

    解决了  非常感谢!!顺便问下  为什么先appendChild再设置????
    有什么区别????
      

  6.   

    appendChild是把var newAnchor_chx=document.createElement("input");你创建的单个dom对象添加到页面DOM树里面去然后设置newAnchor_chx的checked = 'checked'属性的话就会在页面中呈现选中状态。