jquery 克隆收音机 Select 输入索引数组更新 - 全部采用一种形式

Question

我有一个健身房会员表格，可以克隆两个独立的广播组、许多输入和 select 选项，以便尽可能多的用户一次注册。

Radio:

1. 组 1 性别两个选项 male/female
2. 第 2 组 类型为 3 种会员类型 link 按类型收费

Select:

1. 每个类型 link 有多个 options 费用

Text Input:

有多少就有多少，没有问题。

问题：

无法获取要在 .eq(...) 中使用的选中 Radio 的索引以产生效果 以 select 和费用 link 中使用的映射方式在每个索引的克隆行上工作正常。

该代码在原始源行上运行良好，但随后它会指示所有新检查切换到最后一个克隆行。

这是一个 jfiddle link:

JSFIDDLE CLONE RADIO SELECT LINK UPDATE

我四处寻找解决方案，但 none 适合解决这个问题。

非常感谢。

Answer 1

好的！

设法做了一个变通方法，基本上是一个技巧，通过将 .closest('selector') 与 .find('input.selector') 组合以将切换消息发送到克隆的行来获取父级或容器索引，这要容易得多本身就是一部分。

获取最近的容器，并从每个无线电组的每个无线电为每个克隆行发送更改。示例代码如下：

$(document).on('change','input.colors', function() {
        var $parentIndex = $(this).closest('.selector');
        parentIndex.find('input.selector').< DO WHATEVER AFTER >;
});

jQuery 网站上的这篇文章很有帮助。 Link 下面：

.closest()

希望这对可能有相同需求的其他人有所帮助。