按住Shift键并单击以选择复选框范围

我生成了大表，每行都有一个复选框，class"chcktbl"。

在表格标题中，有一个全选复选框，类为"chckHead"。

选择/取消选择所有功能运行良好，我在表格标题中显示的所选图表的计数也是如此。

启用shift+click功能以选择一系列复选框的功能也有效，但在其当前格式中，在弹出窗口中生成错误消息之前，仅选择10个复选框：

停止运行此脚本？此页面上的脚本导致您的web浏览器运行缓慢。如果它继续运行，您的计算机可能会变得没有响应。

<script type=text/javascript>

        //select all button
        $('#chckHead').click(function() {
            if (this.checked === false) {
                $('.chcktbl:checked').attr('checked', false);
            }
            else {
                $('.chcktbl:not(:checked)').attr('checked', true);
            }
            countSelected();
        });
//count number of boxes checked        
function countSelected() {
            var numCharts = $('input.chcktbl:checked').length;
            $('#numCharts').html(numCharts);
        }

        //SHIFT+Click to select a range of checkboxes:
        // this variable stores the most recently clicked checkbox
    // it is used for shift-clicks
    var lastClickedBox = 0;
    // the checkbox functionality is default to the browser
    $('.chcktbl').click(function(event) {
        var clickedBox = $('.chcktbl').index(event.target);
        if(event.shiftKey) {
            setCheckboxes(lastClickedBox, clickedBox);
        };
        lastClickedBox = clickedBox;
                    countSelected();
    });

    // sets all the checkboxes between the specified indices to true
    function setCheckboxes(end, start) {
        if(start > end) {
            var temp = start;
            start = end;
            end = temp;
        };
        for(var i = start; i < end; i++) {  
        $('.chcktbl').eq(i).prop('checked', true);
        };
                    countSelected();
    };
    </script>

这是一个非常常见的功能，可以一键选择一系列项目，但我找不到有效的方法。如果有人知道更好的方法，或者发现代码中有一些效率低下的地方，请告诉我。