zoukankan html css js c++ java

复选框的全选反选实现

<!doctype html>  
<html lang="en">  
    <head>  
        <meta charset="UTF-8">  
        <title>测试页面</title>  
        <script src = "jquery.js"></script>  
        <script src = "test.js"></script>  
    </head>  
    <body>  
        <input type = "checkbox" id = "allCheck"/>全选</th><br/>  
        <input type = "checkbox" name = "check"/></th>  
        <input type = "checkbox" name = "check"/></th>  
        <input type = "checkbox" name = "check"/></th>  
        <input type = "checkbox" name = "check"/></th>  
    </body>  
</html>

//全选框  
$("#allCheck").click(function(){  
    if($(this).attr("checked")){  
        $("input[name='check']").attr("checked",true);  
    }else{  
        $("input[name='check']").attr("checked",false);  
    }  
})  
//单选框  
$("input[name='check']").change(function(){  
    if($("input[name='check']").not("input:checked").size() <= 0){  
        $("#allCheck").attr("checked",true);  
    }else{  
        $("#allCheck").attr("checked",false);  
    }  
})

//全选框  
$("#allCheck").click(function(){  
    $("input[name='check']").prop("checked",this.checked);  
})  
//单选框  
$("input[name='check']").change(function(){  
    if($("input[name='check']").not("input:checked").size() <= 0){  
        $("#allCheck").prop("checked",true);  
    }else{  
        $("#allCheck").prop("checked",false);  
    }  
})

//全选框  
$("#allCheck").click(function(){  
    var a = document.getElementById("allCheck");  
    var b = document.getElementsByName("check");  
    if(a.checked){  
        for(var i = 0; i < b.length; i++){  
            b[i].checked = true;  
        }  
    }else{  
        for(var i = 0; i < b.length; i++){  
            b[i].checked = false;  
        }  
    }  
})  
//单选框  
$("input[name='check']").click(function(){  
    var flag = true;  
    var a = document.getElementById("allCheck");  
    var b = document.getElementsByName("check");  
    for(var i = 0; i < b.length; i++){  
        if(!b[i].checked){  
            flag = false;  
            break;  
        }  
    }  
    a.checked = flag;  
});

如果不行，用on代理

$(document).on('click',"input[name='subChk']",function(){

});

查看全文

相关阅读:
NOIP模拟 10
无聊的邮递员插头dp
类实例化对象可以访问静态(static)方法，但是不能访问静态属性。
PHP——抽象类与接口的区别
 工厂模式
 win10 专业版 git bash 闪退问题终极解决方案
 git基本的使用原理
 排序算法-插入排序
 如何进行CodeReview
php中的各种http报错的报错的状态码的分析

原文地址：https://www.cnblogs.com/zsy0712/p/7272402.html