jquery - 镜像复选框选中状态

Question

我有两组复选框，所有术语和流行术语。一些术语将出现在两个列表中，并且可以选中或取消选中。

我需要能够确保任一组中的匹配项与另一组的选择状态相匹配。因此，如果在“流行”组中取消选择“移动”，则应在“全部”组中取消选择它。

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/

Answer 1

从您的演示小提琴中，我发现有很多错误。请尽量避免它们。

1. 您为id不同列表下的复选框提供相同的信息。例如，有两个复选框，in-chassis-57一个在所有列表中，另一个在流行列表中。

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

检查工作Demo Fiddle。