首先声明,我是一个菜鸟。一下文章中出现技术误导情况盖不负责
实现:当一个未选中或者未全体选中时点击全选进行全体选中,而再次点全选则取消全体选中。点击反选则就进行反选。
html
<body> <form> <input type="checkbox" name="mycheck" value="朴树" />朴树 <input type="checkbox" name="mycheck" value="许巍" />许巍 <input type="checkbox" name="mycheck" value="郑钧" />郑钧 <input type="checkbox" name="mycheck" value="曹方" />曹方 <input type="checkbox" name="mycheck" value="张悬" />张悬<br> <input type="button" id="checkAll" value="全选" /> <input type="button" id="checkRev" value="反选" /> </form> </body>
如果说生命是一座庄严的城堡,如果说生命是一株苍茂的大树,如果说生命是一只飞翔的海鸟。那么,信念就是那穹顶的梁柱,就是那深扎的树根,就是那扇动的翅膀。没有信念,生命的动力便荡然无存;没有信念,生命的美丽便杳然西去。(划线处可以换其他词语)
js
// JavaScript Document $(document).ready(function(){ //全选 $("#checkAll").click(function(){ //如果没有全体被选中,则全选 if($('[name=mycheck]:checked').length!=$('[name=mycheck]').length){ $('[name=mycheck]').attr("checked",true); //否则 全体取消选中 }else{ $('[name=mycheck]').attr("checked",false); } }) //反选 $("#checkRev").click(function(){ $('[name=mycheck]').each(function(){ //依次遍历每一个 checkbox $(this).attr("checked",!$(this).attr("checked")); }) }) })
文章结束给大家分享下程序员的一些笑话语录:
看到有人回帖“不顶不是中国人”,他的本意是想让帖子沉了。
---------------------------------
原创文章 By
选中和实现
---------------------------------