前端技术

当前位置:首页 > 前端技术 >

jQuery 实现全选和取消全选功能

时间:2015-07-06        阅读:次        QQ群:182913345

jQuery 实现 checkbox 全选和取消全选功能,示例代码如下:

<table width="100%"  border="0" cellpadding="0" cellspacing="1" id="list">
	<tr>
		<td>
			<span style="float:left;"><input type="checkbox" name="check" /></span>
			用 户
		</td>
		<td class="admin_list_tit">病 种</td>
		<td class="admin_list_tit">效 果</td>
		<td class="admin_list_tit">服 务</td>
		<td class="admin_list_tit">环 境</td>
	</tr>
	<tr>
		<td>
			<span style="float:left;"><input type="checkbox" value="28" name="id[]"></span>
			相依相薇
		</td>
		<td>甲状腺瘤</td>
		<td>满意</td>
		<td>满意</td>
		<td>满意</td>
	</tr>
	<tr>
		<td>
			<span style="float:left;"><input type="checkbox" value="28" name="id[]"></span>
			依小跳 
		</td>
		<td>甲状腺囊肿</td>
		<td>满意</td>
		<td>满意</td>
		<td>满意</td>
	</tr>
</table>

<!-- jQuery 实现 checkbox 全选/取消全选 -->
<script type="text/javascript">
	$(function(){
		$("#list input[name='check']").click(function(){
			if($(this)[0].checked){
				$("#list :checkbox").attr("checked", true); 
			}else{
				$("#list :checkbox").attr("checked", false); 
			}
		});
	});
</script>

上一篇:CSS3 box-shadow的使用方法

下一篇:解决png图片在ie中不透明问题

扫一扫,更多精彩内容推送

PHP技术分享

分享PHP技术,前端技术,数据库,SEO优化,服务器,网络安全等知识,是php程序员工作学习的好帮手!

Copyright © 2013-2015.PHP技术分享 www.php520.cn  版权所有  网站地图    PHP学习交流群

免责声明:网站内容收集于互联网,本网站不承担任何由于内容的合法性及健康性所引起的争议和法律责任。

欢迎大家对网站内容侵犯版权等不合法和不健康行为进行监督和举报。 沪ICP备15014499号-2