jquery复选框全选,反选和不选

来源：互联网发布：中国移动网络账号密码编辑：程序博客网时间：2024/05/29 07:15
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><script type="text/javascript" src="script/jquery-1.4.3.js"></script><script>$(function(){   $("#CheckedAll").click(function(){      $('[name=items]:checkbox').attr('checked',true);   });   $("#CheckedNo").click(function(){     $('[name=items]:checkbox').attr('checked',false);   });  $("#CheckedRev").click(function(){     $('[name=items]:checkbox').each(function(){       $(this).attr("checked",!$(this).attr("checked"));       // 也可以： this.checked=!this.checked;     });  });    $("#CheckedAllNo").click(function(){       $('[name=items]:checkbox').attr("checked",this.checked);  });    $('[name=items]:checkbox').click(function(){     var flag=true;     $('[name=items]:checkbox').each(function(){        if(!this.checked){        flag=false;        }     });     $('#CheckedAllNo').attr('checked',flag);  })})</script></head><body><form>  你爱好的运动是?<br/>   <input type="checkbox" id="CheckedAllNo" />全选/全不选   <br/>  <input type="checkbox" name="items" value="足球" />足球  <input type="checkbox" name="items" value="篮球" />篮球  <input type="checkbox" name="items" value="羽毛球" />羽毛球  <input type="checkbox" name="items" value="乒乓球" />乒乓球  <br/>  <input type="button" id="CheckedAll" value="全选" />  <input type="button" id="CheckedNo" value="全不选" />  <input type="button" id="CheckedRev" value="反选" />  <input type="button" id="send" value="提交" /></form></body></html>