首页 > 代码库 > 实现checkbox全选和全不选的功能

实现checkbox全选和全不选的功能

html代码
<table id="table">
			<thead>
				<tr>
					<td><input type="checkbox" id="thtd" name="thtd"/></td>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td><input type="checkbox" id="tbtd" name="tbtd"/></td>
				</tr>
				<tr>
					<td><input type="checkbox" id="tbtd" name="tbtd"/></td>
				</tr>
				<tr>
					<td><input type="checkbox" id="tbtd" name="tbtd"/></td>
				</tr>
			</tbody>
		</table>

js代码

$(document).ready(function(){
		$("#thtd").bind("click",function(){
			alert($(this).prop("checked"));
			var flag = $(this).prop("checked");
			if(flag){
				$("#table #tbtd").prop("checked",true);
			}else{
				$("#table #tbtd").prop("checked",false);
			}
		})
	});