javascript 在动态创建的table中动态创建checkbox

<html>
<script>
function selall()
{
 var a=document.getElementById("c1");
 var b=document.getElementById("sel");
 var obj=a.getElementsByTagName("input")
 if( b.innerHTML=="全选")
 { for( var i=0;i<obj.length;i++)
   if (obj[i].type=="checkbox") obj[i].checked=true;
  b.innerHTML="清空"
 } 
 else
 { for( var i=0;i<obj.length;i++)
   if (obj[i].type=="checkbox") obj[i].checked=false;
  b.innerHTML="全选"
 }
}
document.write("<span id='sel' style='cursor:pointer' onclick='selall()'>全选</span>")

document.write("<div id=\"c1\"><table border=1>")
for(var i = 0;i<5;i++)
{
 document.write("<tr>");
 for(var j = 0;j<10 ;j++)
 {
  document.write("<td>")
  document.write("<input type=\"checkbox\" >");
  document.write("</td>")
 }
 document.write("</tr>");
}
document.write("</table></div>")

</script>
</html>

posted on 2011-02-28 09:18 hotty 阅读(869) 评论(0) 收藏举报