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(\"全选\");}}