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>

  • 相关阅读:
    powerdesigner设置主键为自增字段,设置非主键为唯一键并作为表的外键
    关于window.event.srcElement 和 window.event.target(触发事件的对象)
    JS遍历Table的所有单元格内容
    创Wcf案例数据服务
    jstack和线程dump分析
    Chromium Graphics: GPUclient的原理和实现分析之间的同步机制-Part II
    oracle11g导出空表
    java序列化是什么和反序列化和hadoop序列化
    【leetcode列】3Sum
    【POJ1741】Tree 树分而治之 模板略?
  • 原文地址:https://www.cnblogs.com/xkzy/p/3875898.html
Copyright © 2011-2022 走看看