zoukankan      html  css  js  c++  java
  • JS checkbox 全选 全不选

    /*
        JS checkbox 全选 全不选
        
        Html中checkbox: <input type="checkbox" name="cbx" value="<%= Default by yourself %>"/>
        以下方法各有优劣,使用时根据情况而定.
    */
    
    //全选(方法一:each 循环)
    function checkAll() {
        $.each($("input[name=cbx]"), function(i) {
            if ($(this).attr("checked") == false) {
                $(this).attr("checked", "true");
            }
        });
    }
    
    //全选(方法二:根据名称)
    function checkAll() {
        var code_Values = document.all['cbx'];
        if(code_Values.length){
            for(var i=0;i<code_Values.length;i++){
                code_Values[i].checked = true;
            }
        }else{
            code_Values.checked = true;
        }
    }
    
    //全选(方法三:根据Tag 和 Type [input中的type])
    function checkAll() {
        var code_Values = document.getElementsByTagName("input");
        if (code_Values.length) {
            for (i = 0; i < code_Values.length; i++) {
                if (code_Values[i].type == "checkbox") {
                    code_Values[i].checked = true;
                }
            }
        } else {
            if (code_Values.type == "checkbox") {
                code_Values.checked = true;
            }
        }
    }
    
    //全不选(方法一:each 循环)
    function uncheckAll() {
        $.each($("input[name=cbx]"), function(i) {
            if ($(this).attr("checked") == true) {
                $(this).attr("checked", "false");
            }
        });
    }
    
    //全不选(方法二:根据名称)
    function uncheckAll()
    {
        var code_Values = document.all['cbx'];
        if(code_Values.length){
        for(var i=0;i<code_Values.length;i++){
            code_Values[i].checked = false;
        }
        }else{
            code_Values.checked = false;
        }
    }
    
    //全不选(方法三:根据Tag 和 Type [input中的type])
    function uncheckAll() {
        var code_Values = document.getElementsByTagName("input");
        if (code_Values.length) {
            for (i = 0; i < code_Values.length; i++) {
                if (code_Values[i].type == "checkbox") {
                    code_Values[i].checked = false;
                }
            }
        } else {
            if (code_Values.type == "checkbox") {
                code_Values.checked = false;
            }
        }
    }
  • 相关阅读:
    学员操作——隔行变色
    jQuery基础及选择器(1)
    学员操作——组合继承
    JavaScript面向对象
    学员操作——创建继承person的student子类
    学员操作——flower函数
    JavaScript操作DOM(2)
    JavaScript操作DOM(1)
    学员操作——制作秒表定时器
    学员操作——制作5s关闭广告
  • 原文地址:https://www.cnblogs.com/preacher/p/3905015.html
Copyright © 2011-2022 走看看