单选按钮取消选中/选中

Question

我有一个由单选按钮组成的表单。链接在这里http://jsfiddle.net/CUTnY/2/

您可以在结果框中看到每个标题下都有灰色标题和一些单选按钮。我正在尝试，我非常接近，只让用户从每一行中选择一个单选按钮（有效），但正如您所见，某些标题下的单选按钮的底行（有些有 3 个）是批量购买您可以通过查找描述中包含“保存”字样的任何行来查看这些内容。

目前，每个标题下的每组单选按钮都可以正常工作，例如前 3 行单选按钮，您可以从前两行中的每一行中选择一个，如果您从“保存”行中选择一个，前两行将取消选择。但是，如果您随后转到下一组单选按钮并玩弄这些（如果用户已从顶部选项中选择“保存”），该选项会消失吗？

基本上每个灰色标题下的每组单选按钮都不会影响由于某种原因它们正在执行的其他组。

Answer 1

这是因为每当您进行选择时，.style5 都会同时调用大约 10 个处理程序来更改输入。

//You have 10 of these declared, that all fire at the same time anytime you click on an input that is a descended of a td with class style5

$('.style5').on('change', 'input', function() {
    if (this.name == "keystage1save") {
        $yearstages.filter('input:checked').prop('checked', false);
    } else {
        $savestages.filter('input:checked').prop('checked', false);
    }
});

你需要通过使用不同的类来划分它们。