jquery实现全选全不选

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery实现全选全不选相关的知识,希望对你有一定的参考价值。

$(function() {
$("#all").click(
function() {
$("input[name=‘bolls‘]").prop("checked",
$("#all").is(":checked") ? true : false);
});

$("input[name=‘bolls‘]").click(function() {
    var total = $("input[name=‘bolls‘]").length;
    var size = $("input[name=‘bolls‘]:checked").length;
    if (total == size) {
        $("#all").prop("checked", true);
    } else {
        $("#all").prop("checked", false);
    }
})

})

以上是关于jquery实现全选全不选的主要内容,如果未能解决你的问题,请参考以下文章

jquery实现全选全不选

用jQuery实现(全选反选全不选功能)

jQuery实现复选框全选全不选反选问题解析

用jQuery实现复选框的全选全不选和反选

JQuery案例二:实现全选全不选和反选

jQuery实现复选框全选全不选