如何删除checkbox 与后面文字

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即可.

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

<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>
试试看<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<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">

</script>
</body>
</html>