一个简单的复选框全选/反选功能,蛮简单的,但是也蛮实用的,跟大家分享一下,还请高手多多指教。
<html>
<head>
<script type="text/javascript">
function aa(){
var a=document.getElementsByName("a")[0].checked;
var b=document.getElementsByName("b");
for(var i=0;i<b.length;i++){
b[i].checked=a;
}
}
function cc(){
var b=document.getElementsByName("b");
for(var i=0;i<b.length;i++){
b[i].checked=!b[i].checked;
}
}
</script>
</head>
<body>
<table>
<tr>
<td>
<input type="checkbox" name="a" onclick="aa()" />
全选
</td>
</tr>
<tr>
<td>
<input type="checkbox" name="c" onclick="cc()" />
反选
</td>
</tr>
<tr>
<td>
<input type="checkbox" name="b" />
</td>
</tr>
<tr>
<td>
<input type="checkbox" name="b" />
</td>
</tr>
<tr>
<td>
<input type="checkbox" name="b" />
</td>
</tr>
<tr>
<td>
<input type="checkbox" name="b" />
</td>
</tr>
</table>
</body>
</html>