`

全选,全不选,反选.等等等等

 
阅读更多 
   
 <script language="javascript">  
        function selectIt() {  
      
            form = document.lzyy  
      
            action = event.srcElement.name  
      
            for (var i = 0; i < form.elements.length; i++) {  
      
                if (form.elements[i].name == "checkbox") {  
      
                    e = form.elements[i]  
      
                    e.checked = (action == "selectAll") ? (form.selectAll.checked) : (!e.checked)  
                    ////在这里 通过条件表达式?:来使每个框反选。朋友们可以好好思考一下。这种首先是一种实现方式。其二 还能是代码简练。哈哈 反正个人是喜欢这种方式拉。  
                }  
      
            }  
      
        }  
    </script>  
    <form name="lzyy">  
        <p class="STYLE1">  
            全 选  
            <input type="checkbox" name="selectAll" value="checkbox" onClick="selectIt()">  
            <br>  
            反 选  
            <input type="checkbox" name="invest" value="checkbox" onClick="selectIt()">  
            <br>  
            Item1  
            <input type="checkbox" name="checkbox" value="checkbox">  
            <br>  
            Item2  
            <input type="checkbox" name="checkbox" value="checkbox">  
            <br>  
            Item3  
            <input type="checkbox" name="checkbox" value="checkbox">  
            <br>  
            Item4  
            <input type="checkbox" name="checkbox" value="checkbox">  
            <br>  
            Item5  
            <input type="checkbox" name="checkbox" value="checkbox">  
        </p>  
    </form>  




    
<html>  
          
        <head>  
            <script type="text/javascript">  
                function checkEvent(name, allCheckId) {  
                    var allCk = document.getElementById(allCheckId);  
                    if (allCk.checked == true) checkAll(name);  
                    else checkAllNo(name);  
      
                }  
      
                //全选  
                function checkAll(name) {  
                    var names = document.getElementsByName(name);  
                    var len = names.length;  
                    if (len > 0) {  
                        var i = 0;  
                        for (i = 0; i < len; i++)  
                        names[i].checked = true;  
      
                    }  
                }  
      
                //全不选  
                function checkAllNo(name) {  
                    var names = document.getElementsByName(name);  
                    var len = names.length;  
                    if (len > 0) {  
                        var i = 0;  
                        for (i = 0; i < len; i++)  
                        names[i].checked = false;  
                    }  
                }  
      
                //反选  
                function reserveCheck(name) {  
                    var names = document.getElementsByName(name);  
                    var len = names.length;  
                    if (len > 0) {  
                        var i = 0;  
                        for (i = 0; i < len; i++) {  
                            if (names[i].checked) names[i].checked = false;  
                            else names[i].checked = true;  
      
                        }  
                    }  
      
                }  
            </script>  
        </head>  
          
        <body>  
            <input type="checkbox" id="ckall" onclick="checkEvent('ck','ckall')" />  
            全选  
            <input type="checkbox" id="ckReserve" onclick="reserveCheck('ck','ckReserve')"  
            />  
            反选  
            <br />  
            <input type="checkbox" name="ck" value="1" />  
            篮球  
            <br />  
            <input type="checkbox" name="ck" value="2" />  
            旅游  
            <br />  
            <input type="checkbox" name="ck" value="3" />  
            读书  
            <br />  
            <input type="checkbox" name="ck" value="4" />  
            美食  
            <br />  
            <input type="checkbox" name="ck" value="5" />  
            睡觉  
        </body>  
      
    </html>  





    <script language="javascript">  
        function selectIt() {  
      
            form = document.lzyy  
      
            action = event.srcElement.name  
      
            for (var i = 0; i < form.elements.length; i++) {  
      
                if (form.elements[i].name == "checkbox") {  
      
                    e = form.elements[i]  
      
                    e.checked = (action == "selectAll") ? (form.selectAll.checked) : (!e.checked)  
                    ////在这里 通过条件表达式?:来使每个框反选。朋友们可以好好思考一下。这种首先是一种实现方式。其二 还能是代码简练。哈哈 反正个人是喜欢这种方式拉。  
                }  
      
            }  
      
        }  
    </script>  
    <form name="lzyy">  
        <p class="STYLE1">  
            全 选  
            <input type="checkbox" name="selectAll" value="checkbox" onClick="selectIt()">  
            <br>  
            反 选  
            <input type="checkbox" name="invest" value="checkbox" onClick="selectIt()">  
            <br>  
            Item1  
            <input type="checkbox" name="checkbox" value="checkbox">  
            <br>  
            Item2  
            <input type="checkbox" name="checkbox" value="checkbox">  
            <br>  
            Item3  
            <input type="checkbox" name="checkbox" value="checkbox">  
            <br>  
            Item4  
            <input type="checkbox" name="checkbox" value="checkbox">  
            <br>  
            Item5  
            <input type="checkbox" name="checkbox" value="checkbox">  
        </p>  
    </form>  


var checkFlag = true;　　　　  
function ChooseAll() {  
    if (checkFlag) {　　　　　　　　  
        var inputs = document.all.tags("INPUT");　　　　　　　　  
        for (var i = 0; i < inputs.length; i++) {　　　　　　　　　　  
            if (inputs[i].type == "checkbox" && inputs[i].id != "CheckAll") {  
                inputs[i].checked = true;　　　　　　　　　　  
            }　　　　　　　　  
        }  
        checkFlag = false;　　　　　　  
    } else {　　　　　　　　  
        var inputs = document.all.tags("INPUT");　　　　　　　　  
        for (var i = 0; i < inputs.length; i++) {　　　　　　　　　　  
            if (inputs[i].type == "checkbox" && inputs[i].id != "CheckAll") {  
                inputs[i].checked = false;　　　　　　　　　　  
            }　　　　　　　　  
        }  
        checkFlag = true;　　　　　　  
    }　　　　  
}


    <input type="button" name="" value="不计算长度" onclick="a()">  
    <input type="button" name="" value="全选" onclick="b()">  
    <input type="button" value="缓存" onclick="c()">  
    <input type="checkbox" name="test[]" value="0">  
    测试测试  
    <br>  
    <script language="JavaScript">  
        <!--  
        var ca = new Array();  
        function a() {  
            var m = document.getElementsByName('test[]');  
            for (var i = 0; i < m.length; i++) {  
                m[i].checked == true ? m[i].checked = false: m[i].checked = true;  
            }  
        }  
      
        function b() {  
            var m = document.getElementsByName('test[]');  
            var l = m.length;  
            for (var i = 0; i < l; i++) {  
                m[i].checked == true ? m[i].checked = false: m[i].checked = true;  
            }  
        }  
      
        function c() {  
            if (ca.length == 0) {  
                ca = cache();  
            }  
            cl = ca.length;  
            for (var i = 0; i < cl; i++) {  
                ca[i].checked == true ? ca[i].checked = false: ca[i].checked = true;  
            }  
        }  
      
        function cache() {  
            var m = document.getElementsByName('test[]');  
            var cache = new Array();  
            var l = m.length;  
            for (var i = 0; i < l; i++) {  
                cache[i] = m[i];  
            }  
            return cache;  
        }  
      
        //-->  
          
    </script>
分享到：
| out.print(); 线程异常
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    AjaxPro实例集合实现技术: 无刷新 验证指定字符 验证数字 验证邮箱 无刷新下拉菜单三级联动 CheckBox全选/反选/删除 等等..

    实现技术: 无刷新 验证指定字符 验证数字 验证邮箱 无刷新下拉菜单三级联动 CheckBox全选/反选/删除 等等.. 程序收集了本人在ASP.NET开发应用中会经常用到的轻量级的AJAX小例子，程序里面很多地方做了注释，通俗易懂...

    JS学习DOM 关联下拉列表，时钟，全选全不选，选中左移右移，实现创建自定义表格 弹出选项页面填入文本框

    2.全选全不选的练习：四个功能按钮，全选全不选按钮(点一下全选，再点一下全不选)，全选按钮，全不选按钮，反选按钮 3.创建自定义表格（输入自定义行数和列数点击按钮即可生成表格） 4.时钟（显示当前动态时间） 5....

    Android中ListView结合CheckBox实现数据批量选择（全选、反选、全不选）

    APP的开发中，会常遇到这样的需求：批量取消（删除）List中的数据。这就要求ListVIew支持批量选择、全选、单选等等功能，做一个比较强大的ListView批量选择功能是很有... 支持全选、复选、全不选 3. 支持获取选中

    达达AjaxPro实例集合

    无刷新 验证指定字符 验证数字 验证邮箱 无刷新下拉菜单三级联动 CheckBox全选/反选/删除 等等.. 程序收集了本人在ASP.NET开发应用中会经常用到的轻量级的AJAX小例子，程序里面很多地方做了注释，通俗易懂,希望对...

    JQuery对checkbox操作 （循环获取）

    下面是Jquery对checkbox的一些操作，全选，反选，取消全选等等.

    常用的锋利的jQuery特效

    常用的锋利的jQuery特效，如漂亮的banner,js搜索，全选，反选，精简切换等等常用特效

    树形菜单带checkbox

    树形菜单带checkbox，方便易用，简单修改，树形菜单带checkbox实现全选，反选等等

    购物车选择性结算

    实现购物车选择性支付，全选，反选等功能，cell的复用等等

    520网址导航源码,520上网主页源码,520导航源码,520导航天气预报插件

    21.网址回收站添加全选和反选功能 删除网址不再需要一个一个点 22.简单修改网友反馈和网址提交模板 23.近一步优化数据 此版本较完美 下一步将实现功能添加例如添加第二个名站导航等等 114la网址导航高级修改交流群...

    网址导航整站源码下载

    21.网址回收站添加全选和反选功能 删除网址不再需要一个一个点 22.简单修改网友反馈和网址提交模板 23.近一步优化数据 此版本较完美 下一步将实现功能添加例如添加第二个名站导航等等 115导航网QQ交流群：57830177...

    register.java

    购物车逻辑还有关于购物车的一些代码，详情请看代码，还有一些逻辑性的代码比如全选反选加减等等，代码不够全面，建议看看他人的代码

    基于ajax员工管理系统

    其功能包含添加入职员工信息，查询入职员工信息，根据部门做二级联动搜索入职时间查询员工信息，修改员工信息以及选择部门，根据全选，反选功能批量删除员工信息等等。 项目框架使用MVC三层架构完成

    html5+css3+jquery 鲜花礼品网站

    html3+css3 布局 js实现的动能：注册页面的倒计时、随机数，无缝轮播图。购物页面的全选反选、删除、总计小计。放大镜，飞入购物车动画，右侧小导航栏滚动定位等等。 十个静态页面（其中三个页面需要联网加载图片）

    DolphinPHP快速开发框架

    新增：数据授权页面，增加全选和反选功能 新增：表格每列增加一个class名，名称为“column-列名”，方便用css设置列样式（添加一列） 新增：在表格构建器中，可以使用“__字段名__”来获取原数据，要注意使用顺序 ...

Magicbox
Global site tag (gtag.js) - Google Analytics