jQuery实现CheckBox全选

最新推荐文章于 2024-04-17 09:12:12 发布

原创最新推荐文章于 2024-04-17 09:12:12 发布 · 5.5k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#jQuery实现CheckBox全选 #jquery下拉列表 #通过dpkg命令解决Ubuntu依赖问题

运维同时被 2 个专栏收录

114 篇文章

订阅专栏

前端

28 篇文章

订阅专栏

本文介绍如何使用jQuery实现Checkbox全选功能，并确保每次点击都能正常工作。此外，还介绍了利用jQuery实现点击按钮展示下拉菜单，及点击页面其他区域时隐藏菜单的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

关于jQuery实现CheckBox全选只能生效一次的问题

这代码只有一次全选、全不选的效果第三次点击checkall会没有任何效果

$("#checkall").click(function(){  
    $('input[name="check"]').attr("checked",this.checked);   
});

使用prop才能实现每次点击都能达到预期效果

$("#checkall").click(function(){  
    $('input[name="check"]').prop("checked",this.checked);  
});

因为checked是checkbox的固有属性使用attr是直接删除设置属性可能会导致浏览器产生错误导致js无法继续执行

jquery实现点击下拉按钮出现下拉列表，点击页面非下拉列表部分列表隐藏

$("#ulShow").on("click", function(e){
                    $("#theadUl").show();

                    $(document).one("click", function(){
                        $("#theadUl").hide();
                    });
                    e.stopPropagation();
                });
        $("#theadUl").on("click", function(e){
            e.stopPropagation();
        });

对于Ubuntu系统中无法通过apt-get命令安装的依赖，可以去以下地址下载对应deb包通过dpkg命令安装：

https://ubuntu.pkgs.org/


dpkg -i *.deb