checkbox 全选和取消

时间:2022-05-04
本文章向大家介绍checkbox 全选和取消，主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项，具有一定的参考价值，需要的朋友可以参考一下。
 //全选
            $("#checkall").click(function () {
                if (this.checked) {                 //如果当前点击的多选框被选中
                    $('input[type=checkbox][name=checkitems]').prop("checked", true);
                } else {
                    $('input[type=checkbox][name=checkitems]').prop("checked", false);
                }
            });
            //取消单选
            $('input[type=checkbox][name=checkitems]').click(function () {
                var flag = true;
                $('input[type=checkbox][name=checkitems]').each(function () {
                    if (!this.checked) {
                        flag = false;
                    }
                });
                if (flag) {
                    $('#checkall').prop('checked', true);
                } else {
                    $('#checkall').prop('checked', false);
                }
            });

随机文章
本站知识点必读
最近更新