jquery全选与全不选

html代码

	<div><input id="qx" type="checkbox"  onchange="cha()" value="全选"/><span id="fq">全选</span></div>
	<div><input id="lq" type="checkbox" name="checbox" value="篮球" checked="checked">篮球</div>
	<div><input id="pq" type="checkbox" name="checbox" value="排球" >排球</div>
	<div><input id="zq" type="checkbox" name="checbox" value="足球" >足球</div>

js代码

function cha(){
			if($("#qx").prop("checked")==true){   <!--prop返回值为true或false-->
			$("#lq").prop("checked",true);
			$("#zq").prop("checked",true);
			$("#pq").prop("checked",true);
			$("#fq").text("全不选");           
			}
			else if($("#qx").prop("checked")==false){
			$("#lq").prop("checked",false);
			$("#zq").prop("checked",false);
			$("#pq").prop("checked",false);
			$("#fq").text("全选");
			}
		}