js 实现 checkbox 的全选

作者: 坎肩儿 分类: JS代码 发布时间: 2011-08-09 09:38

简洁的代码:

<script language=”javascript” type=”text/javascript”>
function All_checkbox() {
 var list = document.getElementsByTagName(“input”);
 if(list[0].checked == true){
  for(var i = 0 ; i < list.length ; i++) {
   list[i].checked = true;
  }
 }else {
  for(var i = 0 ; i < list.length ; i++) {
   list[i].checked = false;
  }
 }
}
</script>
<input type=”checkbox” name=”del_id[]” onclick=”All_checkbox();” value=”0″ /> 全选<br>

<input type=”checkbox” name=”del_id[]” value=”1″ />
<input type=”checkbox” name=”del_id[]” value=”1″ />

这个方法弊端很大,有其他的input,就会失效。

更简洁的代码:

<input type=checkbox name=chk>
<input type=checkbox name=chk>
<br>
全选:<input type=checkbox onclick=sel(‘chk’)>
<script language=”javascript”>
function sel(a){
  o=document.getElementsByName(a)
  for(i=0;i<o.length;i++)
  o[i].checked=event.srcElement.checked
}
</script>

上面的代码更加简洁,弊端还不清楚。

其他方法,利用jQuery实现全选:jQuery 实现form的全选