2013-05-29 204 views
0

我有两组复选框,全部条款和热门条款。其中一些条款将出现在两个列表中,并且可以选中或不选中。镜像复选框已检查状态

我需要能够确保任一组中的匹配项匹配另一组的匹配项。因此,如果移动版在热门群组中取消选中,则应在所有群组中取消选中。

jQuery(document).ready(function($) { 

$('#chassischecklist li :checkbox, #chassischecklist-pop li :checkbox').on('click', function(){ 
var t = $(this), c = t.is(':checked'), id = t.val();   
$('#chassischecklist li :checkbox, #chassischecklist-pop li :checkbox').prop('checked',false); 
$('#in-chassis-' + id + ', #in-popular-chassis-' + id).prop('checked', c); 
    }); 
}); 

http://jsfiddle.net/FtJuR/

+0

有几个错误,请检查下面的答案。 –

回答

1

形成你的演示小提琴,我发现有很多错误。请尽量避免它们。

  1. 您将相同的id给予不同列表下的复选框。例如,有两个复选框,其中ID为in-chassis-57所有列表中的一个和热门列表中的另一个。

  2. 您正在检索变量id中的复选框的值,并尝试使用id获取元素,并且没有包含该id的元素。 ID = t.val()

检查工作Demo Fiddle

+0

看起来像是有效的,除了在Popular组中选择或取消选择项目时,它不会更改所有组。 – Picard102

+0

对不起,这是因为'id'。检查更新的[fiddle](http://jsfiddle.net/FtJuR/3/) –

相关问题