javascript - 概括一个专门的 JQuery 函数

Question

这是一个关于使用 JQuery 进行多个复选框选择/取消选择的问题: http://viralpatel.net/blogs/multiple-checkbox-select-deselect-jquery-tutorial-example/

它具有从列表中选择多个项目来处理它们的功能。在线演示位于: http://viralpatel.net/blogs/demo/jquery/multiple-checkbox-select-deselect/jquery-select-multiple-checkbox.html

我扩展了演示以包含多个组，并使示例 JQuery JavaScript 函数适用于一种情况(BlackBerry 情况)。工作代码位于 http://jsfiddle.net/jLx5z99q/3/ 。

其中，这是我想要概括的专门函数:

$(function () {
    $("#BlackBerry").click(function () {
        $('.case_blackberry').attr('checked', this.checked);
    });
    $(".case_blackberry").click(function () {
        if ($(".case_blackberry").length == $(".case_blackberry:checked").length) {
            $("#BlackBerry").attr("checked", "checked");
        } else {
            $("#BlackBerry").removeAttr("checked");
        }
    });
});

我想概括它，以便 "#BlackBerry" 和 ".case_blackberry" 是该函数的两个参数，以便我可以多次调用它也涵盖其他群体。

我不是 JavaScript 开发人员。请帮忙。

更新:

我已将完整的工作 html 源代码发布在 http://pastie.org/10278464 。

另外，仅供引用，这个完整的工作 html 源代码是由 easygen 自动生成的。与 this模板。这个html测试代码就是我写easygen的原因，以便轻松地以我喜欢的方式编写任何测试用例。希望它也能帮助别人。

谢谢

Answer 1

您需要定义一些特定的属性。

试试这个 fiddle 。

fiddle 示例::http://jsfiddle.net/iboylmz/2acnLzzw/3/