转载自:/view-blog-254.html
作者:月光光时间:03月31日 21:12标签:jQuery
下面是自己修改过的代码:
演示:jQuery实现的全选、反选和不选功能<script type="text/javascript" src="jquery-1.11.0.js"></script><script>$(function(){$("#all").click(function(){$("#list input").prop("checked",this.checked);})});//全选$(function(){$("#selectAll").click(function(){$("#list input,#all").prop("checked",true);});});//全不选$(function(){$("#unSelect").click(function(){$("#list input,#all").prop("checked",false);});});//反选$(function(){$("#reverse").click(function(){$("#list input").each(function(){$(this).prop("checked",!$(this).prop("checked"));})checkee();});})//获取选取值功能$(function(){$("#getValue").click(function(){var valArr = new Array;$("#list input:checked").each(function(i){valArr[i]=$(this).val();});alert(valArr);//下面输出和上面的alert一样效果var vals = valArr.join(',');alert(vals);});})//半选功能$(function(){$("#list input").click(function(){checkee();});})//校验函数function checkee(){var i = 0;$("#list input:checked").each(function(){i++;});if(i==$("#list li").size()){$("#all").prop("checked",true);}else{$("#all").prop("checked",false);}}</script>