当前位置: 代码迷 >> Web前端 >> jQuery 的全选(全非选),获得被选中的值
  详细解决方案

jQuery 的全选(全非选),获得被选中的值

热度:71   发布时间:2012-11-04 10:42:42.0
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);
	});
}
?
  相关解决方案