使用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;
请问各位高手应该如何设置?????或用其他办法????
谢谢
部分代码如下:
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;
请问各位高手应该如何设置?????或用其他办法????
谢谢
<!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
t.checked = 'checked';
先appendChild 再 设置 checked
<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);
}
}
有什么区别????
有什么区别????