<div id="list"> <ul id="choseList" > <li><input type="checkbox" name="chose" value="1"> 打篮球</li> <li><input type="checkbox" name="chose" value="1"> 踢足球</li> <li><input type="checkbox" name="chose" value="1"> 打乒乓球</li> <li><input type="checkbox" name="chose" value="1">游泳</li> <li><input type="checkbox" name="chose" value="1"> 打羽毛球</li> <li><input type="checkbox" name="chose" value="1"> 打排球</li> </ul> </div> <input type="button" id="all" value="全选/全不选"> <input type="button" value="全选" class="btn" id="selectAll"> <input type="button" value="全不选" class="btn" id="unSelect">
Jquery的代码是这样实现的:(参考某大神EdieLei的回复 博客链接 http://www.cnblogs.com/edielei)
个人觉得这种方法比之each好,所以拿来记录:
var a = true;$(function(){ //全选/全不选 $('#all').click(function(){ ck(a); a = a?false:true; }); //全选 $('#selectAll').click(function(){ck(true);}); //全不选 $('#unSelect').click(function(){ck(false);});});function ck(b){ $('input[name="chose"]').prop('checked',b);}
当然each的方法也可以:
$("#list :checkbox").each(function () { if ($(this).attr("checked") == true) { $(this).attr("checked",false) ; } else { $(this).attr("checked",true); } });
///参考狼牙曼巴的博客
原标题:Jquery 全选、反选问题的记录
关键词:jquery