2011-12-20 164 views
0

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

您可以在结果框中看到每个标题下有灰色标题和一些单选按钮。我正在尝试,我非常接近,只让用户从每一行中选择一个单选按钮(这是行得通的),但正如您可以看到某些标题下的单选按钮的最下面一行(其中有3个)是批量购买您可以通过查找描述中包含单词“save”的任何行来查看这些行。

目前每个标题下的每一组单选按钮都正常工作,例如前三排单选按钮,您可以从前两行中选择一个,如果从“保存”行中选择一个,将取消选择。但是,如果您然后转到下一组单选按钮并使用这些按钮(如果用户从顶部选项中选择“保存”),该选项将会便宜?

基本上,每个灰色标题下的每一组单选按钮都不会影响其他由于某种原因正在做的操作。

+0

[单选按钮包括jquery]可能的重复(http://stackoverflow.com/questions/8573410/radio-buttons-include-jquery) – 2011-12-20 10:40:47

+0

没有那是得到jQuery的工作这是完成单独的问题,所以我必须提出另一个问题。 – Matt 2011-12-20 10:42:21

+0

您可以使用$('input [name * =“rfwpyr”]')来代替复制和粘贴。 – hungneox 2011-12-20 10:44:36

回答

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); 
    } 
}); 

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

+0

谢谢只是figuerd :) – Matt 2011-12-20 10:57:21