js 实现 checkbox 的全选
简洁的代码:
<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的全选