Jquery 镜像复选框已选中状态

Jquery 镜像复选框已选中状态,jquery,checkbox,Jquery,Checkbox,我有两组复选框,所有术语和常用术语。某些术语将出现在两个列表中,并被选中或取消选中 我需要能够确保任一组中的匹配项与另一组的选择状态匹配。因此,如果在流行组中取消选择Mobile,则应在All组中取消选择它 jQuery(document).ready(function($) { $('#chassischecklist li :checkbox, #chassischecklist-pop li :checkbox').on( 'click', function(){ var t = $(t

我有两组复选框,所有术语和常用术语。某些术语将出现在两个列表中,并被选中或取消选中

我需要能够确保任一组中的匹配项与另一组的选择状态匹配。因此,如果在流行组中取消选择Mobile,则应在All组中取消选择它

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

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

  • 您正在为不同列表下的复选框提供相同的
    id
    。例如,在机箱-57中有两个id为
    的复选框,一个在所有列表中,另一个在常用列表中

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


  • 检查工作情况。

    有几个错误,请检查下面的答案。看起来它可以工作,除了在热门组中选择或取消选择项目时,它不会更改所有组。哦,对不起,这是因为
    id
    。检查更新的