如何利用javascript创建checkbox？

document.createElement("<input type='checkbox' onclick='doSomething()'>")

解决方案 »

  1.   

    <div id=dd></div>
    <input type=button value=add onclick="mm()">
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function mm()
    {
      var chk = document.createElement("<input type=checkbox name='hehe'>");
      chk.value = "abc";
      chk.onclick = nn;
      dd.appendChild(chk);
    }
    function nn()
    {
      alert(this.outerHTML);
    }
    //-->
    </SCRIPT>
      

  2.   

    <div id=theContainer>
    </div>
    <input type=button value=add onclick="addFun();">
    <script language=javascript>function addFun()
    {var aaa=new Array("01","02","03","04");
    for( var i=0;i<aaa.length;i++)
      theContainer.insertAdjacentHTML("beforeEnd","<input type=checkbox name=abcd value='"+ aaa[i] +"' onclick='alert();'>"+ aaa[i] +"<br>");
    }
    </script>
      

  3.   

    你们都是用了个button触发的啊，我开始也这么写了，想放在body onload里的，就是不出来，怪事。
      

  4.   

    <body onload="addFun()">onload时执行也没问题啊
    <div id=theContainer>
    </div>
    <input type=button value=add onclick="addFun();">
    </body><script language=javascript>function addFun()
    {var aaa=new Array("01","02","03","04");
    for( var i=0;i<aaa.length;i++)
      theContainer.insertAdjacentHTML("beforeEnd","<input type=checkbox name=abcd value='"+ aaa[i] +"' onclick='alert();'>"+ aaa[i] +"<br/>");
    }
    </script>
      

  5.   

    我发先了，在本地执行就没问题，比如在IE里打d:\ddd.aspx 这样body onload就能执行，到是放在web站点里就不行了，比如 http://localhost/ddd.aspx就不行，不知道怎么回事，