全选或取消所有复选框

最新推荐文章于 2023-03-14 17:23:58 发布

tuiyidelongdidi

最新推荐文章于 2023-03-14 17:23:58 发布

阅读量130

点赞数

分类专栏： Jquery

本文链接：https://blog.csdn.net/tuiyidelongdidi/article/details/84490723

版权

Jquery 专栏收录该内容

22 篇文章 0 订阅

订阅专栏

jsp：

<body>
		
		<div id="table">
			<table border="0.1px;">
				<!-- 标题 -->
				<thead>
					<tr>
						<td><input type="checkbox" id="checkAll"  οnclick="checkAll()"/></td>
					</tr>
				</thead>
				
				<tbody id="content">
				        <tr><td><input type='checkbox' id='user' value="12"/></td></tr>
                          <tr><td><input type='checkbox' id='user' value="12"/></td></tr>
				</tbody>
				
			</table>
		</div>
		
	</body>

js:

//点击标题栏复选框全选所有复选框
function checkAll(){
	if($("input[id='checkAll']:checked").length == 1){
		$("input[id='user']").each(function(){
			this.checked=true;
		});
	}else{
		$("input[id='user']").each(function(){
			this.checked=false;
		});
	}
}

注意：$("input[id='user']:checked")得到的是一个对象数组。可以通过length和size()得到数组长度。

$("input[id='user']:checked").val()得到的是第一个元素的value值