jQuery对checkbox 复选框的全选全不选反选的操作

先给大家展示下效果图，如果大家感觉还不错，请继续参考实现代码。

HTML代码：

rush:js;">

Box" name="items" value="1"> 1.时间都去哪儿了
• Box" name="items" value="2"> 2.海阔天空
• Box" name="items" value="3"> 3.真的爱你
• Box" name="items" value="4"> 4.不再犹豫
• Box" name="items" value="5"> 5.光辉岁月
• Box" name="items" value="6"> 6.喜欢妳

Box" id="all"> 全选/全不选

jquery代码：

rush:js;">

注：由于jquery版本的变更，新版本出现只能点击一次，老一点的版本是可以的，新的版本不可以使用attr来设置选中状态了，第一种解决方法是可以使用js原生的方法this.checked=true/false;

第二种解决方法是把attr换成prop。

以上所述是小编给大家介绍的jQuery对checkBox 复选框的全选全不选反选的操作。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助，如果觉得编程之家不错，可分享给好友！感谢支持。