JQuery 控制 checkbox 实现全选/反选功能

1.全选/反选功能按钮也是checkbox类型 ,排除两者同时选中的情况

2.checkbox 子菜单对全选按钮反向控制

js部分：

</pre><pre name="code" class="javascript"><script type="text/javascript"> 
	$(function(){
		
		$("#all").click(function(){

<span style="white-space:pre">		</span>if(this.checked){
				$("#fan").attr('checked',false);
				$("input[name=ck]").each(function(){this.checked = true;});
	        }
		});
		$("#fan").click(function(){
			if(this.checked){
				$("#all").attr('checked',false);
				$("input[name=ck]").each(function(){
					if(this.checked){this.checked = false;}
					else{this.checked = true;}
				});
			};	
		});
		$("input[name=ck]").click(function(){
			if(!this.checked){$("#all").attr('checked',false);};
		});
		
	});
	</script>

html部分：

<span style="white-space:pre">	</span><input type="checkbox" id="all" name="all">全选
<span style="white-space:pre">	</span><input type="checkbox" id="fan" name="fan">反选<span style="font-family: Arial, Helvetica, sans-serif;"><br></span>
<span style="white-space:pre">	</span><input type="checkbox" name="ck">aa<br>
<span style="white-space:pre">	</span><input type="checkbox" name="ck">bb<br>
<span style="white-space:pre">	</span><input type="checkbox" name="ck">cc<br>
<span style="white-space:pre">	</span><input type="checkbox" name="ck">dd<br>
<span style="white-space:pre">	</span><input type="checkbox" name="ck">ee<br>