网页中如何实现复选框的全选和反选

<meta charset=gb2312>
<script language="javascript">
function selectAll()
{
for(var i=0;i<document.form1.range.length;i++)
{
document.form1.range[i].checked=false;
}
}
function unSelect()
{
for(var i=0;i<document.form1.range.length;i++)
{
if(document.form1.range[i].checked)
{
document.form1.range[i].checked=false;
}
else
{
document.form1.range[i].checked=true;
}
}
}
</script>
<form name="form1">
<input type="checkbox" value="1" name="range">1<br>
<input type="checkbox" value="2" name="range">2<br>
<input type="checkbox" value="3" name="range">3<br>
<input type="checkbox" value="4" name="range">4<br>
&