700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > (转载+原创)jQuery实现的全选 全不选 反选和半选功能

(转载+原创)jQuery实现的全选 全不选 反选和半选功能

时间:2024-04-30 21:08:49

相关推荐

(转载+原创)jQuery实现的全选 全不选 反选和半选功能

转载自:/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>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。