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有所帮助。
热门推荐
1 泰迪狗狗如何训练
3 狗狗训练图
5 狗狗训练方法
6 训练狗狗不咬人
8 敏捷训练狗狗
10 训练狗狗吃饭
11 泰迪狗狗训练
12 狗狗从多大开始训练
13 狗狗训练学校费用
14 怎么去训练狗狗
15 狗狗训练狗狗
16 狗狗训练教程
17 训练狗狗装死
18 泰迪狗狗的训练方法