js实现全选、全不选、反选
不多说,直接上代码~
<meta charset="gbk">
<script language="javascript">
//全选函数
function selectAll()
{
obj=document.getElementsByName('range');
for(var i=0;i<obj.length;i++)
{
obj.item(i).checked=true;
}
}
//全不选函数
function unselectAll()
{
obj=document.getElementsByName('range');
for(var i=0;i<obj.length;i++)
{
obj.item(i).checked=false;
}
}
//反选函数
function unSelect()
{
obj=document.getElementsByName('range');
for(var i=0;i<obj.length;i++)
{
if(obj.item(i).checked)
{
obj.item(i).checked=false;
}
else
{
obj.item(i).checked=true;
}
}
}
</script>
<form name="form1" >
<input type="checkbox" value="1" name="range">1<br>
<input type="checkbox" value="3" name="range">3<br>
<input type="checkbox" value="4" name="range">4<br>
<input type="checkbox" value="5" name="range">5<br>
<input type="button" value="全选" onclick="selectAll();">
<input type="button" value="全不选" onClick="unselectAll()">
<input type="button" value="反选" onclick="unSelect();">
</form>
浙公网安备 33010602011771号