Javascript 选中div中的所有复选框

Javascript 选中div中的所有复选框,javascript,jquery,Javascript,Jquery,我有以下功能来选择/取消选择所有复选框 $(function () { $("#selectall").click(function () { $('.Employee').attr('checked', this.checked); }); $(".Employee").click(function () { if ($(".Employee").length == $(".E

我有以下功能来选择/取消选择所有复选框

$(function () {
        $("#selectall").click(function () {           
            $('.Employee').attr('checked', this.checked);
        });
        $(".Employee").click(function () {
            if ($(".Employee").length == $(".Employee:checked").length) {
                $("#selectall").attr("checked", "checked");
            } else {
                $("#selectall").removeAttr("checked");
            }

        });
    });

它工作正常,但我可以在页面加载时第一次选择/取消选择全部,第二次需要重新加载页面。这意味着它没有提供多次选择/取消选择功能。

第一个问题是您需要关闭.prop方法。这将读取javascript checked属性。使用HTML checked属性对第一个实例有效,但对其余实例无效。接下来,您需要稍微修改一下逻辑。我举了一个例子。观察javascript函数。最后,您应该使用change方法,或者最好使用.on'change',函数{…},但是我会让我的示例更接近您最初的文章

$function{ $selectall.changefunction{ $'.Employee'.prop'checked',this.checked; }; $.Employee.changefunction{ 如果$.Employee.length==$.Employee:checked.length{ $'selectall'.prop'checked',this.checked; }否则{ $'selectall'。属性'checked',false; } }; }; 标签{ 显示:块; } 测试1: 测试2: 测试3: 测试4: 测试5:
全选:你能在这里设置小提琴吗?你的HTML是什么?请给我们你的HTML结构也。会有很大帮助的!!然后,您应该创建一个用于刷新的函数?查看此页面以获取您的.attr;这就是问题所在。如果$elem.is:选中,则需要使用.change jquery函数,如本页所述: