Javascript 获取新值并自动删除以前的值jQuery

我使用jQuery设置了多个复选框，以按名称属性获取复选框值。我的问题是如何使复选框删除以前的选中值并显示新值

在目前的情况下，它是连接价值，而不是相互改变

下面是示例HTML代码：

<div class="drop-column">
 <label class="column-label"><input class="column-checkbox" type = "checkbox" rel = "All    
   Column" name = "All Filter" />Filter (All Fields)</label>
 <label class="column-label"><input class="column-checkbox" type = "checkbox" rel =    
   "Name" name="Name" />Name</label>
 <label class="column-label"><input class="column-checkbox" type = "checkbox" rel =  
   "Department" name = "Department" />Department</label>
 <label class="column-label"><input class="column-checkbox" type = "checkbox" rel =  
   "Manager" name = "Manager" />Manager</label>
</div>

<div class="filter-by-col-text"></div>

链接到小提琴测试

谢谢，

使用：

$('div.drop-column').delegate('.column-checkbox', 'change', function () {
     $('input:checkbox').removeAttr('checked');
     $(this).prop('checked','checked');
     var    $checked = $('.column-checkbox:checked');
    var rels;
    $checked.each(function () {
        rels=($(this).attr('name'));
    });
    $('.filter-by-col-text').html(rels);
});

---

格拉齐，正是我的样子。非常感谢。嗨，米林，有一个问题。当我们选中“从所有字段”复选框时，经理工作正常。但是如果我们再次回到选中第一个复选框，值没有改变，仍然显示Manager。有什么线索吗？如果我们从左到右检查是否正确，从左到右的复选框数组是“过滤器>名称>部门>经理”。但当我们从右向左反向检查，或从任何一个开始检查时，例如：我们检查经理，然后是部门，它不会更新值。

$('div.drop-column').delegate('.column-checkbox', 'change', function () {
     $('input:checkbox').removeAttr('checked');
     $(this).prop('checked','checked');
     var    $checked = $('.column-checkbox:checked');
    var rels;
    $checked.each(function () {
        rels=($(this).attr('name'));
    });
    $('.filter-by-col-text').html(rels);
});