jQuery实现全选/全不选

来源：互联网发布：linux 文件上传工具编辑：程序博客网时间：2024/04/29 14:06

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>全选/全不选</title><!-- 导入 jQuery 库 --><script type="text/javascript" src="jquery-1.7.2.js"></script><script type="text/javascript">$(function(){$("#checkedAll").click(function(){var flag = this.checked;$(":checkbox[name='items']").attr("checked", flag);});$(":checkbox[name='items']").click(function(){$("#checkedAll").attr("checked", $(":checkbox[name='items']").length == $(":checkbox[name='items']:checked").length)});})</script></head><body>你爱好的运动是？<input type="checkbox" id="checkedAll" />全选/全不选 <br /> <input type="checkbox" name="items" />足球<input type="checkbox" name="items" />篮球 <input type="checkbox" name="items" />羽毛球 <input type="checkbox" name="items" />乒乓球</body></html>

0 0

jQuery实现 全选/全不选

jQuery实现全选/全不选