jquery实现复选框checkbox全选,取消全选

jsp中checkbox复选框的个数是依据从数据库中取出值的条数决定的,是Iterator循环遍历出来的。

<td class="rd8">
<input type="checkbox" name="selectFlag" id="selectFlag" value="<%=user.getUser_id()%>">
</td>


第一种方法:

//全选 
		$("#checkAll").click(function() {
			if (this.checked) {
				$("input[name='selectFlag']:checkbox").each(function() { //遍历所有的name为selectFlag的 checkbox
							$(this).attr("checked", true);
						})
			} 
		})
		//取消全选 
		$("#delCheckAll").click(function() {
			if (this.checked) {
				$("input[name='selectFlag']:checkbox").each(function() { //遍历所有的name为selectFlag的 checkbox
							$(this).attr("checked", false);
						})
			} 
		})


更简单直接的一种:

$("#checkAll").click(function() {
				if (this.checked) {
					$("input[name='selectFlag']:checkbox").each(function() { //遍历所有的name为selectFlag的 checkbox
								$(this).attr("checked", true);
							})
				} else {   //反之 取消全选 
					$("input[name='selectFlag']:checkbox").each(function() { //遍历所有的name为selectFlag的 checkbox
								$(this).attr("checked", false);
								//alert("f");
							})
				}
			})


 

posted on 2012-04-08 19:10  itmyhome  阅读(174)  评论(0编辑  收藏  举报

导航