选中实现jquery实现复选框checkbox全选（完善）

首先声明，我是一个菜鸟。一下文章中出现技术误导情况盖不负责

    选中和实现

    实现：当一个未选中或者未全体选中时点击全选进行全体选中，而再次点全选则取消全体选中。点击反选则就进行反选。

    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
选中和实现
---------------------------------

posted @ 2013-05-27 19:28  坚固66  阅读(248)  评论(0)    收藏  举报