jquery 复选框全选反选在同一个页面有两个

u010317069 2013-08-14 05:08:52

大侠用jquery 怎么实现呢？求代码贴出

...全文

216 4 打赏收藏转发到动态举报

写回复

用AI写文章

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

u010317069 2013-08-15

打赏
举报

谢了，结贴晚了！

我自己也写了一种方法也可以了，你贴出来的估计也可以的。

街头小贩 2013-08-14

打赏
举报


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<title>无标题文档</title>
</head>

<body>
<div id="one">
	<input type="checkbox" id="oneall" value="1"/>全选
	<div id="onelist">
		<input type="checkbox" name="oneitem" value="1" />1
		<input type="checkbox" name="oneitem" value="2" />2
		<input type="checkbox" name="oneitem" value="3" />3
		<input type="checkbox" name="oneitem" value="4" />4
	</div>
</div>
<div id="two">
	<input type="checkbox" id="twoall" value="1"/>全选
	<div id="twolist">
		<input type="checkbox" name="twoitem" value="1" />1
		<input type="checkbox" name="twoitem" value="2" />2
		<input type="checkbox" name="twoitem" value="3" />3
		<input type="checkbox" name="twoitem" value="4" />4
	</div>
</div>

<script type="text/javascript">
$(document).ready(function(){
	$('#oneall').click(function(){
		if(this.checked){
			$('#onelist').find('input:checkbox').attr('checked', "checked");	
		}else{
			$('#onelist').find('input:checkbox').removeAttr("checked");;
		}
	});
	///$('#twoall').click(function(){});	
});
</script>
</body>
</html>

u010317069 2013-08-14