用jQuery模拟鼠标点击checkbox

假如在表格中，有一列checkbox，要实现钩选表头的checkbox，自动选中表中所有的checkbox。实现方法：

给表中所有的checkbox绑定change事件，当选中表头的checkbox，执行$(selector).trigger("click")；，此时checkbox会被钩选，并且会触发change事件，并且这时checkbox.checked的值已经是true了。

 

如果给表格中的所有checkbox绑定click时间，然后执行$(selector).trigger("click")；，虽然能够触发cilck事件，并且checkbox被钩选，但是此时的checkbox.checked却是false，在click事件执行完毕之后，checked才会变成true。

 

不要想绑定change事件，然后触发change事件。这样做既不会钩选，也不会影响checked的值！

 

注意：

这个例子只说明了正确触发所有钩选/非钩选操作的思路。如果完全按照这个例子做，会有bug：

如果原来就钩选了2个，有8个未钩选，然后钩选“全选”，会发现这2个钩选的变成未钩选的，8个变成钩选的了。

 

参考文章：http://stackoverflow.com/questions/7668826/jquery-triggerclick-not-firing-click-event-on-checkbox