zoukankan      html  css  js  c++  java
  • 复选框--全选/全不选/反选。简易版

    调用方式: 
        <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>

  • 相关阅读:
    MySQL存储过程详解 mysql 存储过程(转)
    JDBC数据库常用操作(mysql)
    [转]Tomcat处理一个HTTP请求的过程
    [转]Tomcat工作原理详解
    MySQL性能优化的最佳20+条经验(转)
    CSS字体中英文名称对照表(转)
    XML的基本用法(转)
    Maximum file handles allowed by OS
    Tips on rendering interiors
    Performance profile of a typical interior scene
  • 原文地址:https://www.cnblogs.com/xkzy/p/3875898.html
Copyright © 2011-2022 走看看