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>