现在的位置: 首页 > 综合 > 正文

最精简的全选CheckBox(使用getElementById)

2013年10月02日 ⁄ 综合 ⁄ 共 490字 ⁄ 字号 评论关闭

网上很多都是用getElementByName的,但多层选择就不好使用了.因为没办法使用同一个名字.使用getElementById就可以解决这个

问题.
<input type=checkbox name=chk id=chk1>
<input type=checkbox name=chk id=chk2>
<input type=checkbox name=chk id=chk3>
<input type=checkbox name=chk id=chk4>
<input type=checkbox name=chk id=chk5>
selectAll
<input type=checkbox onclick=sel('chk')>

<script language="javascript">
 function sel(a){
  for(i=1;i<=5;i++){   //个数可以根据查询记录集的数目动态生成.
    document.getElementById("chk"+i).checked=!document.getElementById("chk"+i).checked
   }  
 }

</script>

抱歉!评论已关闭.