Question

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

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

目前每个标题下的每组单选按钮都正常工作，例如前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);
    }
});

您需要使用不同的类来对它们进行分区。

单选按钮取消选中/检查

1 个答案: