jQuery:取消选中一个复选框上的其他复选框

Question

我总共有 6 个复选框(将来可能会添加更多)，我只想允许选择一个，因此当用户选中其中任何一个时，其他应取消选中。

我尝试使用此代码，如果我定义了 ID，则工作正常，但现在只是想知道如何以有效的方式使其反之亦然，因此将来如果我添加的内容多于它不会成为问题

$('#type1').click(function() {
     $('#type2').not('#type1').removeAttr('checked');
}); 

仅供引用，复选框不是同级的，并且位于不同的 <td> 中

Answer 1

绑定(bind)一个change处理程序，然后取消选中除选中的复选框之外的所有复选框:

$('input.example').on('change', function() {
    $('input.example').not(this).prop('checked', false);  
});

Here's a fiddle