时间:2015-06-11 来源:

【jQuery】复选框的全选、反选,判断哪些复选框被选中 【架构设计】

本文与《【JavaScript】复选框的全选、反选网页外包接活,判断哪些复选框被选中》(点击打开链接)为姊妹篇,网页外包接活把里面内容再与jQuery框架中实现一次,网页切图价格同样做到如下的效果:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>全选、反选</title> <script type="text/javascript" src="js/jquery-1.11.1.js"></script> </head> <body> <button id="selected"/>哪里复选框被选中? </button> <button id="selectAll"/>全选</button> <button id="selectReserve"/>反选</button><br/> 1<input type="checkbox" name="checkBoxGroup" value="1"/><br/> 2<input type="checkbox" name="checkBoxGroup" value="2"/><br/> 3<input type="checkbox" name="checkBoxGroup" value="3"/><br/> 4<input type="checkbox" name="checkBoxGroup" value="4"/><br/> </body> </html>之后在jQuery中,div+css制作取name为checkBoxGroup的复选框数组,div+css报价当然$("input[type='checkbox'][name='checkBoxGroup']")也行,html静态页面制作只是$(":checkbox[name='checkBoxGroup']")代码更加简单,web切图报价注意checkbox前面的冒号.拿出来的东西是与Javascript的document.getElementsByName("xx")一样,psd转html不要用attr,具体在《【jQuery】对于复选框操作的attr与prop》(点击打开链接)已经说过了.

布局还是同样的布局,网页外包接活只是由于在jQuery框架中web前端制作,无须再为按钮,web前端制作指定特定的onclick事件处理函数承接网页制作,"; }); alert(str); }); //全选 $("#selectAll").click(function(){ $(":checkbox[name='checkBoxGroup']").each(function(){ $(this).prop("checked",!$(this).prop("checked")); }); }); </script>

点击次数:2334
作者:
web前端行业资讯
Web new NewsList
谷歌安全博客披露“英特尔内核漏洞”更多细节 ,,2018年01月04日Postgres10开发者新特性 ,,2017年12月28日阿里巴巴、狗尾草、苏大联合论文:基于对抗学习的众包标注用于中文命名实体识别 ,,2017年12月28日柯洁的2017:20岁,与AI斗与人类斗,其乐无穷 ,,2017年12月28日如果机器人拥有痛觉,这个世界会有哪些不一样? ,,2017年12月28日苹果经典电脑Lisa源代码修复完成将于2018年开源 ,,2017年12月28日腾讯浏览指数发布年终榜单2017年人们都关注哪些AI话题? ,,2017年12月28日除了发现开普勒90,NASA还靠AI做了什么? ,,2017年12月28日柯洁宣布:明年4月,将再次与围棋AI交锋 ,,2017年12月28日百度无人车美国首秀CES将发布Apollo2.0 ,,2017年12月28日这四种技术发展趋势将在2018年改变世界 ,,2017年12月28日2017:谷歌DeepMind团队的年度回顾 ,,2017年12月28日封杀这个公式,AI智商将为零 ,,2017年12月28日微软AI高管:要让所有人、所有机构都用上人工智能 ,,2017年12月28日为什么Linux桌面年一直未到来 ,,2017年12月28日AppleLisa操作系统将开源 ,,2017年12月28日2018年9大技术趋势预测 ,,2017年12月28日谷歌研究院发布NIMA:能评价图像有多美,还能让图像变得更美 ,,2017年12月28日苹果为2019年iPhone开发大容量电池新技术 ,,2017年12月28日谷歌发布Tacotron2:能更简单地训练AI学习演讲 ,,2017年12月21日TensorFlow漏洞爆发背后:关于AI安全我们的傻与天真 ,,2017年12月21日Android端Edge浏览器新版发布:常规性能优化和BUG修复 ,,2017年12月21日三星开发出全球最小的DRAM芯片技术领先优势扩大 ,,2017年12月21日腾讯绝艺AI下一步将学习AlphaGozero自对弈训练 ,,2017年12月21日Facebook社交VR应用Spaces扩大覆盖面:入驻HTCVive ,,2017年12月21日设计图曝光:三星双屏折叠手机原来是这样的 ,,2017年12月21日微信支付和支付宝已成为世界移动支付的"老师" ,,2017年12月21日新专利表明FaceID未来有望装备在iPad、MacBook和iMac等设备 ,,2017年12月21日首批九个建议加入EE4J的项目 ,,2017年12月21日这就是SurfacePhone?微软可折叠手机概念图曝光 ,,2017年12月21日CocoaCoreCompetencies_2_Accessormethod 【Web前端】2015年02月16日JQuery入门贴:内容选择器的使用简介 【编程语言】2015年02月16日获取网站跟路径的javascript代码(站点及虚拟目录)2014年01月29日写给至今仍在做SEO外链专员的你【互联网】2015年04月17日字典序最小问题 【编程语言】2015年02月09日完整AndroidCAN总线程序开发 【移动开发】2015年03月24日看opengl写代码(3)实现矩阵的旋转 【编程语言】2015年07月13日HDFS的体系架构【编程语言】2015年08月16日利用magent搭建memcached集群 【综合】2015年06月11日LeetCode237_DeleteNodeinaLinkedList(删除链表中的节点)Java题解 【编程语言】2015年07月31日EF之CodeFirst代码先行【编程语言】2015年03月12日用asp与php实现百度ping服务的代码2014年01月29日Android图片添加水印图片或者文字 【Web前端】2015年01月19日一道zhangying机试题 【编程语言】2015年07月14日Python解析日志文件库PyLogsParser0.3发布 ,,2016年06月29日HDU1869:六度分离【Dijsktra】 【编程语言】2015年08月17日PHP随机数生成代码与使用实例分析2014年01月29日java初始化机制(一)【云计算】2015年01月04日网络营运商广告设计欣赏2014年01月28日hdfs一致性模型 【移动开发】2015年04月08日POJ2689PrimeDistance(素数区间筛法--经典题)【编程语言】2015年04月07日HTML标记一定不要忘记关闭2014年01月28日python菜鸟日记9 【移动开发】2015年09月01日连通分量的求解Tarjan算法的拓展 【编程语言】2015年07月02日CorFlags.exe检查.NET程序平台目标(PlatformTarget)的工具2014年01月29日TKD晚会 【架构设计】2014年12月22日hdu1506LargestRectangleinaHistogram((dp求最大子矩阵))【综合】2014年11月04日运维规范:禁止使用hostname命令去查看主机名【架构设计】2015年08月25日seleniumIDE安装并脚本录制和java单元测试 【架构设计】2015年04月27日aspx实现的jqueryui的flexgriddemo2014年01月29日
我们保证
We guarantee
> psd效果文件手工切图,保证图片效果最好体积最小利于传输
> 100%手写的HTML(DIV+CSS)编码,绝对符合W3C标准
> 代码精简、css沉余量小、搜索引擎扫描迅速,网页打开快捷
> 应用Css Sprite能够减少HTTP请求数,提高网页性能
> 跨浏览器兼容(IE6、7、8、9,Firefox火狐,Chrome谷歌)