首页 > 其他 > 详细

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

时间:2014-07-26 03:37:47      阅读:300      评论:0      收藏:0      [点我收藏+]
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);
			}
		})
	});





实现checkbox全选和全不选的功能,布布扣,bubuko.com

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

原文:http://my.oschina.net/u/1026723/blog/294860

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!