镜像复选框已检查状态

时间:2013-05-29 05:16:08

标签: jquery checkbox

我有两套复选框,所有条款和热门词汇。某些术语将出现在两个列表中,可以选中或取消选中。

我需要能够确保任一组中的匹配术语与另一组中的匹配术语匹配。因此,如果在“热门”组中取消选择“移动”,则应在“全部”组中取消选择。

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/

1 个答案:

答案 0 :(得分:1)

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

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

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

  3. 检查工作Demo Fiddle