Jquery - 使此函数可重用

Question

我有这些元素 - [.myCheckBox1, .myCheckBox2, ...]
这些元素 - [.myCheckBoxList1, .myCheckBoxList2, ...]
如何使代码可插入，以便我不必复制批量？

理想情况下我想拥有的是

[FUNCTION]

$('.myCheckBox1, .myCheckBox2, etc').[FUNCTION]

$('.myCheckBoxList1, .myCheckBoxList2, etc').[FUNCTION]

以下代码是我想要修改的内容：

<script type="text/javascript">
    $(document).ready(function () {
        $(".myCheckBox1").click(function () {
            $(".myCheckBoxList1").change();
        });
        $(".myCheckBoxList1").change(function () {
            var moneys = 0;
            $(this).find(":checked").each(function () {
                moneys += parseInt($(this).attr('value'));
            });
            $('.OMG').html(moneys.toString());
        });
    });
</script>

Answer 1

您可以制作jquery plugin，或者可以对所有复选框（.myCheckBox）使用相同的类，并为所有复选框列表使用相同的类（.myChecBoxList）。如果你发布你的HTML，我可以给你一个例子。