jquery实现表格的全选和单选

最新推荐文章于 2022-07-02 17:17:06 发布

原创最新推荐文章于 2022-07-02 17:17:06 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #全选框

问题汇集专栏收录该内容

12 篇文章

订阅专栏

本文介绍了一种使用jQuery实现表格中复选框全选与全不选功能的方法。通过监听全选按钮的状态变化来控制所有子项复选框的状态，并通过监听子项状态的变化来更新全选按钮的状态。

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

            $("#checkAll").click(function(){
                debugger;
                $(":checkbox[name='checkone']").prop("checked",this.checked);
            });
            $("input[name='checkone']").click(function(){
                $("#checkAll").prop("checked",$("input[name='checkone']").length==$("input[name='checkone']:checked").length);
            });