javascript - 复选框单击脚本 - [SHIFT] 选中/取消选中范围，[CTRL] 选中/取消选中所有 - 基于选择名称？

Question

谁知道现成的脚本或插件提供:

-Shift click for check/uncheck all in range
-CTRL click to select or unselect all

这可以解决检查输入“名称”(而不是页面上的所有内容或 div 中的所有内容):

input[name='user_group[]']
input[name='record_group[]']

我一直在使用几个脚本(javascript 和 jQuery)，但它们基于 div 或表中的所有复选框，我不够聪明，无法自己编写或修改另一个脚本。对此进行谷歌搜索有点困难(我认为常用术语太多)...

非常感谢!

Answer 1

我开始尝试使用这个脚本，尽管它缺少 CTRL+单击功能(全选/无控制)。

在它的原始形式中，它适用于页面上的所有复选框。我更改了“$('input[type=checkbox]').shiftClick();”链接到 "$("input[name='selected_employees[]']").shiftClick();"据我所知，它现在似乎只针对单个复选框组工作得很好。

唯一的缺陷(根据我的要求)是没有 CTRL+Click 功能来切换选中或取消选中组中的所有复选框。

<script type="text/javascript">
  $(document).ready(function() {
    // shiftclick:  http://sneeu.com/projects/shiftclick/
    // This will create a ShiftClick set of all the checkboxes on a page.
    $(function() {
        $("input[name='selected_employees[]']").shiftClick();
        // $('input[type=checkbox]').shiftClick();
    });

    (function($) {
        $.fn.shiftClick = function() {
            var lastSelected;
            var checkBoxes = $(this);

            this.each(function() {
                $(this).click(function(ev) {
                    if (ev.shiftKey) {
                        var last = checkBoxes.index(lastSelected);
                        var first = checkBoxes.index(this);

                        var start = Math.min(first, last);
                        var end = Math.max(first, last);

                        var chk = lastSelected.checked;
                        for (var i = start; i < end; i++) {
                            checkBoxes[i].checked = chk;
                        }
                    } else {
                        lastSelected = this;
                    }
                })
            });
        };
    })(jQuery);
  });
</script>