`

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

 
阅读更多
   
 <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>  
分享到:
评论

相关推荐

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

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

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

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

    达达AjaxPro实例集合

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

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

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

    网址导航整站源码下载

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

    register.java

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

    Mac版Photoshop快捷键大全 (2).pdf

    以上只是部分常用的快捷键,实际上Photoshop还有许多其他快捷键,例如调整图层顺序、变换工具、渐变工具、滤镜应用等等。熟练掌握这些快捷键,可以显著提升你在Photoshop中的操作效率,让创作过程更为流畅。

    PS理论考试题(有答案).docx

    * 反选的快捷键是Ctrl+Shift+I, 全选的快捷键是Ctrl+A。 * CMYK模式一般应用于印刷方面,而RGB模式通常用于显示。 * RGB模式是由红色、绿色、蓝色三种颜色合成的。 2. 画笔工具和铅笔工具 * 画笔工具和铅笔工具的...

    Photoshop快捷键

    9. **全选/反选/取消选择**:`Ctrl + A`全选,`Shift + Ctrl + I`反选,`Ctrl + D`取消选择,这些都是选择区域操作的常用快捷键。 10. **选择区域移动**:使用方向键可以精确移动选择区域。 11. **将图层转换为...

    photoshop里的快捷键[参考].pdf

    以上只是Photoshop快捷键的一小部分,实际上还有许多其他快捷键,例如调整曲线、选择工具、变换操作等等,它们都能帮助设计师更高效地进行图像处理和编辑工作。熟练掌握这些快捷键,不仅能够提升工作效率,还能在...

    基于ajax员工管理系统

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

    PS中的快捷键[文].pdf

    1. **全选/取消选择/恢复选择**:Ctrl + A,Ctrl + D,Shift + Ctrl + D,用于快速选择全部图层内容,取消当前选择,或者恢复之前的选区。 2. **剪切/复制/粘贴**:Ctrl + X,Ctrl + C,Ctrl + V,这是基础的剪切、...

    js控制表单操作的常用代码小结

    可以使用JavaScript来切换所有复选框的状态,如全选或全不选。以下是一个示例: ```html &lt;!-- HTML 部分 --&gt; &lt;input type="checkbox" name="hobby" id="ball" value="ball"&gt; 打球 ...

    html5+css3+jquery 鲜花礼品网站

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

    DolphinPHP快速开发框架

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

Global site tag (gtag.js) - Google Analytics