input的checkbox设置全选中全不选中

input checkbox全选功能解析

最新推荐文章于 2024-01-15 02:52:58 发布

原创最新推荐文章于 2024-01-15 02:52:58 发布 · 7.6k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#input #checkbox #全选 #全选中

技术专栏收录该内容

59 篇文章

订阅专栏

博客围绕input checkbox的全选功能展开，虽未给出具体内容，但可知与该功能相关，input和checkbox是前端开发常用元素，全选功能在表单等场景有重要应用。

$(function(){
    $("#check").click(function () {

   // 全选中
        if (this.checked) {
            $("input:checkbox").each(function () {
                $(this).prop("checked", true);
            });
        } else {
        
   // 全不选中
            $("input:checkbox").each(function () {
                $(this).prop("checked", false);
            });
        }
    });
});