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

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