jquery全选复选框checkbox

<div id="filter">
    <p id="channel">
        渠道:<input type="checkbox" name="channel[]" value="AppStore"/>&nbsp;AppStore&nbsp;<a id="channel_button" href="javascript:checkbox_all('channel');">【全选】</a>
    </p>
    <p id="appver">
        版本:<input type="checkbox" name="appver[]" value="1"/>&nbsp;1&nbsp;<input type="checkbox" name="appver[]" value="1.0"/>&nbsp;1.0&nbsp;<input type="checkbox" name="appver[]" value="1.9.462"/>&nbsp;1.9.462&nbsp;<input type="checkbox" name="appver[]" value="1.9.494"/>&nbsp;1.9.494&nbsp;<input type="checkbox" name="appver[]" value="1.9.499"/>&nbsp;1.9.499&nbsp;<a id="appver_button" href="javascript:checkbox_all('appver');">【全选】</a>
    </p>
    <p id="campaignid">
        活动:<input type="checkbox" name="campaignid[]" value="AppStore"/>&nbsp;AppStore&nbsp;<a id="campaignid_button" href="javascript:checkbox_all('campaignid');">【全选】</a>
    </p>
</div>
<script type="text/javascript">
function checkbox_all(type){
	var content = $("#"+type+"_button").html();
	if(content == "【全选】"){
		$("#"+type+" :checkbox").attr("checked", true); 
		$("#"+type+"_button").html("【全不选】");
	}else{
		$("#"+type+" :checkbox").attr("checked", false); 
		$("#"+type+"_button").html("【全选】");
	}
}
</script>


Powered By Z-BlogPHP 1.7.4

 Theme By 优美尚品

鄂ICP备15021991号-1