var obj =document.getElementById('SelectType'); for(i=0;i<2;i++)
{
var liobj = document.createElement( "li");
for(ii=0;ii<5;ii++)
{ var spn = document.createElement("span");//增加一个span对象
var chk = document.createElement( "input");
chk.setAttribute( "name", "Cc[]");
chk.setAttribute( "type", "checkbox");
chk.setAttribute( "ID", "ClassID");
chk.setAttribute( "value", "100");
chk.setAttribute( "class", "datechk");
spn.appendChild(chk); //给spn加如chk和文字
liobj.appendChild(spn); //将spn加入liobj
}
obj.appendChild(liobj);
}
//删除的时候删除spn即可.
{
var liobj = document.createElement( "li");
for(ii=0;ii<5;ii++)
{ var spn = document.createElement("span");//增加一个span对象
var chk = document.createElement( "input");
chk.setAttribute( "name", "Cc[]");
chk.setAttribute( "type", "checkbox");
chk.setAttribute( "ID", "ClassID");
chk.setAttribute( "value", "100");
chk.setAttribute( "class", "datechk");
spn.appendChild(chk); //给spn加如chk和文字
liobj.appendChild(spn); //将spn加入liobj
}
obj.appendChild(liobj);
}
//删除的时候删除spn即可.
解决方案 »
- JQ的焦点幻灯图片,为什么在IE6下显示会错位?
- 被百度屏蔽了一个JS代码。如何突然。。window.opener
- 谁能帮我写一个RewriteRule规则
- cookie 指定域的问题
- |zyciis| javascript如何在子方法中停止父方法的进程,第二贴,写得比较清楚,谢谢
- 【求助】【兼容IE和火狐浏览器JS代码复制应用问题】
- 关于同名控件问题,高手请进来看一下!
- 请问:JavaScript如何在一段字符窜(英文,数字,日语汉字,假名混杂)中截取固定长度的字符串
- 如何做得到好像msdn中的show example和hide example的效果?
- java script 事件问题(急急急急急....要命)
- firefox下的幽灵bug - 很值得研究
- 为什么js显示不了阿拉伯语字母,只能显示字符实体?
<script>
window.onload=function(){
var obj=document.getElementById('SelectType');
for(i=0;i<2;i++)
{
var liobj = document.createElement( "li");
for(ii=0;ii<5;ii++)
{
var chk = document.createElement( "input");
chk.setAttribute( "name", "Cc[]");
chk.setAttribute( "type", "checkbox");
chk.setAttribute( "ID","ClassID");
chk.setAttribute( "value", "100");
chk.setAttribute( "class", "datechk");
var oTextNode = document.createTextNode("第" + (ii+1) + "项");
var spn = document.createElement("span");
spn.appendChild(chk);
spa.appendChild(oTextNode);
liobj.appendChild(spn); }
obj.appendChild(liobj);
}
}
</script>
<body>
<div id="SelectType"></div>
</body>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> new document </title>
<meta name="generator" content="editplus" />
<meta name="author" content="Gao YiXiang" />
<meta name="email" content="[email protected]" />
<meta name="keywords" content="javascript dhtml dom" />
<meta name="description" content="I love web development." />
</head>
<script>
window.onload=function(){
var obj=document.getElementById('SelectType');
for(i=0;i <2;i++)
{
var liobj = document.createElement( "li");
for(ii=0;ii<5;ii++)
{
var chk = document.createElement( "input");
chk.setAttribute( "name", "Cc[]");
chk.setAttribute( "type", "checkbox");
chk.setAttribute( "ID","ClassID");
chk.setAttribute( "value", "100");
chk.setAttribute( "class", "datechk");
liobj.appendChild(chk);
var oTextNode = document.createTextNode("第" + (ii+1) + "项");
liobj.appendChild(oTextNode);
}
obj.appendChild(liobj);
}
}
</script>
<body>
<div id="SelectType"></div>
<input type="button" id="btnDel" value="Delete" />
<script type="text/javascript">
<!--
var oDel = document.getElementById("btnDel");
oDel.onclick = function()
{
var oDiv = document.getElementById('SelectType');
var cLi = oDiv.getElementsByTagName("li");
// 只删除第一个 li 的 checkbox
var cInput = cLi[0].getElementsByTagName("input");
for (var i=0; i<cInput.length; i++)
{
if (cInput[i].type == "checkbox")
{
// 先删除 文本。
cLi[0].removeChild(cInput[i].nextSibling);
// 再删除 CheckBox。
cLi[0].removeChild(cInput[i]);
break;
}
}
};
//-->
</script>
</body>
</html>