复选框--全选/全不选/反选。简易版

调用方式: 
    <a href="javascript:selectchange('myform','love');">反选</a> 
    第一个参数为表单名,第二个参数为复选框name 
1. [代码][JavaScript]代码     
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="description" content="webpage">
<meta name="keywords" content="kalcaddle">
<meta name="author" content="kalcaddle.">
<title>test</title>
</head>
 
<script language="Javascript">
function selectall(form_name,id_name) //全选
{   
    obj=eval("document."+form_name+"."+id_name);
    num=obj.length;
    for (var i=0; i<num; i++) 
    {   
        obj[i].checked=true;
    }
}
function unselectall(form_name,id_name) //全不选
{   
    obj=eval("document."+form_name+"."+id_name);
    num=obj.length;
    for (var i=0; i<num; i++) 
    {   
        obj[i].checked=false;
    }
}
 
function selectchange(form_name,id_name) //反选
{   http://www.huiyi8.com/tupian/
    obj=eval("document."+form_name+"."+id_name);
    num=obj.length;
    for (var i=0; i<num; i++) 
    {   高清图片
        if(obj[i].checked==true)
            {obj[i].checked=false}
        else
            {obj[i].checked=true;}
    }
}
</script>
 
 
<body>
<form method=post action="" name="myform">
    下棋<input type="checkbox" name="love" value="1"/>
    看书<input type="checkbox" name="love" value="2"/>
    听音乐<input type="checkbox" name="love" value="3"/>
    看电影<input type="checkbox" name="love" value="4"/>
    游戏<input type="checkbox" name="love" value="5"/>
    <a href="javascript:selectall('myform','love');">全选</a>
    <a href="javascript:unselectall('myform','love');">全不选</a>
    <a href="javascript:selectchange('myform','love');">反选</a>
    <br/>
</form>
</body>
</html>

posted @ 2014-07-29 16:52  虚空之眼  阅读(187)  评论(0编辑  收藏  举报