源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

javascript实现checkBox的全选,反选与赋值

  • 时间:2020-12-13 04:01 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:javascript实现checkBox的全选,反选与赋值
我们平时在做项目的时候,经常会遇到需要实现实现checkBox的全选,反选与赋值的情况,网上也有许多的范例,这里给大家分享的是本人常用的方法,推荐给大家。
[u]复制代码[/u] 代码如下:
//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有所帮助。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部