jquery实现checkbox全选功能2种方法

首先讲第一种实现checkbox全选功能的方法：写一段需要实现全选功能的代码。如下图：

接下来运行查看界面效果。如下图：

接下来编写第一种实现全选功能的js代码。如下图：

接下来编写第一种实现checkbox全选功能的js代码。如下图：

接下来运行界面查看第一种方法的实现效果，经验证此方法能实现全选功能。如下图：

接下来讲第二种实现checkbox全选功能的方法：写一段需要实现全选功能的代码。如下图：

接下来编写第二种checkbox实现全选功能的方法的js代码。如下图：

第二种实现checkbox全选功能的方法全部代码展示如下图：

接下来运行界面查看第二种方法的实现效果，经验证此方法能实现全选功能。如下图：

总结：这2种实现checkbox全选功能的代码都需要给同一组checkbox赋相同的name或者class，each循环取元素的时候稍稍有点不同，其它代码都相同。