jquery - 与 jQuery 同步 'radiogroups'

Question

让有两个 - 选项相同 - 单选组 A 和 B。我试图通过 jQuery 保证，如果在 A 中选择了某个选项，那么在 B 中选择了等效的选项，并且反过来说。

我目前的方法是这样的:

$(document).ready(function() {
    $(".groupA > input").click(function() {
        $(".tutored-radio > input ").click();
     });

    $(".groupB > input").click(function() {
        $(".online-radio > input").click();
    });
});

注意:每个单选按钮都在一个范围内。我没有将类直接分配给输入，因为在 ASP.NET 运行时生成的 ListItem 中很难做到这一点。

明显的问题是这是一个无限循环:它单击一个元素并触发单击操作，即再次单击它，依此类推...

你对此有何建议？我确实有一些想法，但我没有提及它们，因为我觉得它们太“hacky”，但会如果有必要的话讨论它们。

提前致谢!

Answer 1

不要点击尝试设置属性标签。

$(document).ready(function() {
    $(".groupA > input").click(function() {
      $(".tutored-radio > input ").attr(”checked”, “checked”);
    });

    $(".groupB > input").click(function() {
      $(".online-radio > input").attr(”checked”, “checked”);
    });
});