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");
							})
				}
			})


 

再分享一下我老师大神的人工智能教程吧。零基础!通俗易懂!风趣幽默!还带黄段子!希望你也加入到我们人工智能的队伍中来!https://www.cnblogs.com/captainbed

猜你喜欢

转载自www.cnblogs.com/skiwnchqhh/p/10191940.html