["多选框","单选框"]concat(["瑕疵"])

最新推荐文章于 2023-05-11 14:47:15 发布

Sword_meaning

最新推荐文章于 2023-05-11 14:47:15 发布

阅读量93

点赞数

本文链接：https://blog.csdn.net/Sword_meaning/article/details/103191430

版权

	<body>
		<table>
			<thead>
				<tr>
					<th><input type="checkbox" name="checkall"></th>
					<th>ID</th>
					<th>Name</th>
					<th>Age</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<th><input type="checkbox" name="check"></th>
					<td>1001</td>
					<td>tom</td>
					<td>25</td>
				</tr>
				<tr>
					<th><input type="checkbox" name="check"></th>
					<td>1001</td>
					<td>tom</td>
					<td>25</td>
				</tr>
			</tbody>
		</table>
		<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
		<script>
			$(function(){
			$("[name=checkall]").click(function() {
				if (this.checked) {
					$("[name=check]").prop("checked", true)
				} else {
					$("[name=check]").prop("checked", false)
				}
			})
			
			$("[name=check]").click(function() {
				var unchecked=$("tbody input:not(:checked)")[0] ;
				var checkall=$("[name=checkall]")[0];
				checkall.checked=unchecked==null;
			})
		})
		</script>
	</body>