我们平时在做项目的时候,经常会遇到需要实现实现checkBox的全选,反选与赋值的情况,网上也有许多的范例,这里给大家分享的是本人常用的方法,推荐给大家。
//js 数值是否在数组中 Array.prototype.in_array = function(e){ for(i=0;i<this.length;i++){ if(this[i] == e) return true; } return false; } //js数组index Array.prototype.find_str=function(string){ var str = this.join(""); return str.indexOf(string); } var houseIds=new Array(); $("#chebox-list-all").click(function(){ if($("#chebox-list-all").attr("checked")){ $("[name='checkboxes']").attr("checked",'true');//全选 增加id var ids = document.getElementsByName('checkboxes'); var value = new Array(); for(var i = 0; i < ids.length; i++){ if(ids[i].checked) houseIds.push(ids[i].value); } alert(houseIds); }else{ $("[name='checkboxes']").removeAttr("checked");//反选 删除Ids houseIds=[]; alert(houseIds); } }) //单选增加id function check(obj){ if(!houseIds.in_array(obj.value)){ houseIds.push(obj.value); alert(houseIds); }else{ var index=houseIds.find_str(obj.value); houseIds.splice(index, 1) alert(houseIds); } }
以上就是本示例的全部代码了,希望对大家学习使用javascript控制checkbox有所帮助。