87,904
社区成员
发帖
与我相关
我的任务
分享如何利用javascript创建checkbox？
我想利用javascript自动在页面上创建一系列的input type=checkbox的checkbox，显示值可以从一个数组里读出，然后为这些创建的checkbox指定一个事件函数。
在网上查了半天也没见怎么创建的？哪个大侠知道指点一下？
在网上查了半天也没见怎么创建的？哪个大侠知道指点一下？
...全文
请发表友善的回复…
发表回复
junqilian 2004-11-15
- 打赏
- 举报
我发先了，在本地执行就没问题，比如在IE里打d:\ddd.aspx 这样body onload就能执行，到是放在web站点里就不行了，比如 http://localhost/ddd.aspx就不行，不知道怎么回事，
JK_10000 2004-11-15
- 打赏
- 举报
<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>
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>
junqilian 2004-11-15
- 打赏
- 举报
你们都是用了个button触发的啊，我开始也这么写了，想放在body onload里的，就是不出来，怪事。
JK_10000 2004-11-15
- 打赏
- 举报
<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>
</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>
meizz 2004-11-15
- 打赏
- 举报
<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>
<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>
梅雪香 2004-11-15
- 打赏
- 举报
document.createElement("<input type='checkbox' onclick='doSomething()'>")
