利用JQuery实现全选和反选的几种方法

 1       //定义标识，true表示选中
 2         var chkall = true;
 3         $(function () {
 4             //全选按钮设置点击事件
 5             $("#btnAll").click(function () {
 6                 //1、循环设置其它多选框选中状态，跟标识用的变量一样
 7                 $(".fruit").prop("checked", chkall);
 8                 //2、标识的变量取反
 9                 chkall = !chkall;
10             })
11         })

 1         $(function () {
 2                 //得到全选框的值
 3                 var $checked = this.checked;
 4                 //通过表单过滤器得到所有单选框
 5                 $("input[class=fruit]").each(function () {
 6                     //单选框的值与全选框的值保持一致
 7                     this.checked = $checked;
 8                 })
 9             })
10         })