疑似JavaScript点击事件并发问题

Question

我正在使用这段 jQuery 向复选框添加单选按钮行为，即只允许检查每组中的一个。

$("input:checkbox").click(function()
{
    $("input:checkbox:checked[name='" + this.name + "']")
        .not(this).removeAttr("checked");
});

它工作得很好，或者至少我是这么认为的，直到我发现在 Opera 中，如果我坚持的话，我仍然可以选中同一组中的多个复选框。通过在一些复选框之间快速切换（像疯子一样点击），我最终会选中两个（或更多）复选框。

通常我认为 JavaScript 是单线程的，但我对此感到有点惊讶。然而，我知道 JavaScript 并不总是像看起来那样单线程（参见 这个答案），我认为这在某种程度上导致了这种行为。否则怎么可能发生呢？

如果我的假设是正确的，谁能解释一下发生了什么？在我链接到的答案中，您可以阅读：

类似地，在元素上调用 click() 会立即在所有浏览器中调用 onclick 处理程序（至少这是一致的！）。

这似乎是相关的，只不过这只发生在 Opera 上（我已经尝试过 IE(8)、FF、Chrome 和 Safari）。

任何意见都非常感谢！

Answer 1

如果你点击这里的速度非常快，
http://jsfiddle.net/RxbW6/1/

你会看到当 2 个复选框最终被选中时同时检查（通过垃圾邮件），第二个复选框不会触发单击事件。因此，这不是 2 个单击事件干扰的线程问题，而是 Opera 似乎根本没有触发 onclick 事件。

我建议只使用无线电组并对其进行样式设计，这种情况就是它的用途。

但是，

$("input:checkbox").mouseup(function()
{
    $("input:checkbox:checked[name='" + this.name + "']")
        .not(this).removeAttr("checked");
});

会解决您的问题。
[编辑] mouseup 可能会更好，因此您可以 mousedown 然后移开并保留之前的检查。