我们平时在做项目的时候，经常会遇到需要实现实现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有所帮助。