javascript - 使用preventDefault之后，为什么不能选中带有jquery的框？

以下代码为何不起作用。我阻止对该事件执行默认操作。然后我还是要选中该框。

html

<input type="checkbox" class="checkbox" />

熟人

$('.checkbox').click( function(e) {
    e.preventDefault();
    // some logic happens... now i may decide to check the box (in this case we want to check it for testing)
    $('.checkbox').prop('checked',true);
});

您可能会认为单击该复选框仍会选中该框。但事实并非如此。检查小提琴，看看我的意思。

http://jsfiddle.net/5KDH8/

我也尝试过使用attr函数，但没有任何运气。

最佳答案

您必须将设置“ checked”属性的代码放在单独的事件循环中：

setTimeout(function() { $('.checkbox').prop('checked', true); }, 1);

返回事件处理程序之后，浏览器或库都必须取消设置该复选框，因为它是响应调用处理程序之前的单击而设置的。

关于javascript - 使用preventDefault之后，为什么不能选中带有jquery的框？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/15557038/