jQuery 的全选（全非选），取得被选中的值

<!-- jQuery全选(全不选择) -->
<form action="">
	<table>
		<tr>
			<td><input type="checkbox" name="checkName" value="旅游" onclick="unCheckAll(this,'allCheckName')"/>&nbsp;旅游&nbsp;</td>
		</tr>
		<tr>
			<td><input type="checkbox" name="checkName" value="看书" onclick="unCheckAll(this,'allCheckName')"/>&nbsp;看书&nbsp;</td>
		</tr>
		<tr>
			<td><input type="checkbox" name="checkName" value="上网" onclick="unCheckAll(this,'allCheckName')"/>&nbsp;上网&nbsp;</td>
		</tr>
		<tr>
			<td><input type="checkbox" name="allCheckName" onclick="checkAll(this,'checkName')"/>&nbsp;全选</td>
		</tr>
		<tr>
			<td><input type="button" value="取得被选中的值" onclick="checkedValue()"/></td>
		</tr>
	</table>
</form>

 

 

/*
 * 绑定批量选定/非选
 * object:点击的对象
 * checkName:checkBox的名称
 */
function checkAll(object,checkName){
	var bool = $(object).attr("checked");
	$(":checkbox[name='"+checkName+"']").attr("checked",bool);
}
function unCheckAll(object,allCheckName){
	var bool = $(object).attr("checked");
	if(bool == false){
		$(":checkbox[name='"+allCheckName+"']").attr("checked",bool);
	}
}
function checkedValue(){
	$(":checkbox[name='checkName']").each(function(){
		var name = $(this).val();
		alert(name);
	});
}