javascript实现checkBox的全选，反选与赋值
我们平时在做项目的时候，经常会遇到需要实现实现checkBox的全选，反选与赋值的情况，网上也有许多的范例，这里给大家分享的是本人常用的方法，推荐给大家。
//js数值是否在数组中
Array.prototype.in_array=function(e){
for(i=0;i<this.length;i++){
if(this[i]==e)
returntrue;
}
returnfalse;
}
//js数组index
Array.prototype.find_str=function(string){
varstr=this.join("");
returnstr.indexOf(string);
}
varhouseIds=newArray();
$("#chebox-list-all").click(function(){
if($("#chebox-list-all").attr("checked")){
$("[name='checkboxes']").attr("checked",'true');//全选增加id
varids=document.getElementsByName('checkboxes');
varvalue=newArray();
for(vari=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
functioncheck(obj){
if(!houseIds.in_array(obj.value)){
houseIds.push(obj.value);
alert(houseIds);
}else{
varindex=houseIds.find_str(obj.value);
houseIds.splice(index,1)
alert(houseIds);
}
}
以上就是本示例的全部代码了，希望对大家学习使用javascript控制checkbox有所帮助。
热门推荐
10 诗词送行祝福语大全简短
11 新房开工吉日祝福语简短
12 50多岁生日简短祝福语
13 安徽疫情祝福语简短英语
14 农民朋友发财祝福语简短
15 对生活祝福语简短精辟
16 搬家词简短祝福语朋友
17 女神结婚快乐祝福语简短
18 文学短句祝福语大全简短