jQuery 将“更改”绑定到多个组中的字段范围

Question

我有 2 个标签。在每个选项卡中，都有一个包含多个字段部分的单独表单。字段是引导单选或复选框按钮组。

每个部分可以有任意数量的字段。

我想要完成的是使用jQuery绑定（'change'）到每个部分的最后几个字段，这样只有当该部分的最后几个字段完成时，才会显示下一个部分。

我目前绑定到每个部分中的所有字段，因此当用户更改当前部分中的第一个字段时，会显示下一部分。我想将其更改为仅在完成最后一个或倒数第二个字段时才显示下一部分。

通用代码结构示例：https://jsfiddle.net/uqvhw7sb/4/

基本示例：

<tab1>
<formA>
<groupA>
<input a[]>
<input a[]>
<input a[]>

<input b[]>
<input b[]>
<input b[]>

<input c[]>
<input c[]>
<input c[]>
</groupA>

<groupB>
<input d[]>
<input d[]>
<input d[]>

<input e[]>
<input e[]>
<input e[]>

<input f[]>
<input f[]>
<input f[]>
</groupB>
</formA>
</tab1>

<tab2>
Same kind of thing, possible same field names
</tab2>

Answer 1

您可以使用slice(-2) 过滤集合中的最后两个元素。因此，遍历所有组并在该组中查找输入集合并过滤该集合

类似：

$(".fgroups").each(function(){
    var $group = $(this);
    $group.find('input:checkbox').slice(-2).on("change", function() {
        $group.next().toggle(this.checked);
    });
});