亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

javascript實(shí)現(xiàn)checkBox的全選,反選與賦值

 更新時(shí)間:2015年03月12日 08:50:44   投稿:hebedich  
這篇文章主要介紹了javascript實(shí)現(xiàn)checkBox的全選,反選與賦值的方法,以實(shí)例形式詳細(xì)分析了實(shí)現(xiàn)的思路及對(duì)應(yīng)的html與js代碼的實(shí)現(xiàn)過(guò)程

我們平時(shí)在做項(xiàng)目的時(shí)候,經(jīng)常會(huì)遇到需要實(shí)現(xiàn)實(shí)現(xiàn)checkBox的全選,反選與賦值的情況,網(wǎng)上也有許多的范例,這里給大家分享的是本人常用的方法,推薦給大家。

復(fù)制代碼 代碼如下:

//js 數(shù)值是否在數(shù)組中
Array.prototype.in_array = function(e){
  for(i=0;i<this.length;i++){
    if(this[i] == e)
      return true;
  }
  return false;
}
//js數(shù)組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);
  }
}

以上就是本示例的全部代碼了,希望對(duì)大家學(xué)習(xí)使用javascript控制checkbox有所幫助。

相關(guān)文章

  • js實(shí)現(xiàn)Tab選項(xiàng)卡切換效果

    js實(shí)現(xiàn)Tab選項(xiàng)卡切換效果

    這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)Tab選項(xiàng)卡切換效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2017-10-10
  • Bootstrap3學(xué)習(xí)筆記(二)之排版

    Bootstrap3學(xué)習(xí)筆記(二)之排版

    這篇文章主要介紹了Bootstrap3學(xué)習(xí)筆記(二)之排版的相關(guān)資料,非常具有參考價(jià)值,特此分享腳本之家平臺(tái),供大家參考
    2016-05-05
  • 非常好用的JsonToString 方法 簡(jiǎn)單實(shí)例

    非常好用的JsonToString 方法 簡(jiǎn)單實(shí)例

    這篇文章介紹了非常好用的JsonToString簡(jiǎn)單實(shí)例,有需要的朋友可以參考一下
    2013-07-07
  • ECMAScript6函數(shù)剩余參數(shù)(Rest Parameters)

    ECMAScript6函數(shù)剩余參數(shù)(Rest Parameters)

    這篇文章主要介紹了ECMAScript6函數(shù)剩余參數(shù)(Rest Parameters)的相關(guān)資料,需要的朋友可以參考下
    2015-06-06
  • JS讀取cookies信息(記錄用戶名)

    JS讀取cookies信息(記錄用戶名)

    很多網(wǎng)站、博客把網(wǎng)頁(yè)生成html靜態(tài)頁(yè)面了,以利于搜索引擎的索引排名,減輕服務(wù)器負(fù)擔(dān)。靜態(tài)頁(yè)面由于其穩(wěn)定快速更快,給用戶及站長(zhǎng)帶來(lái)了方便。但評(píng)論后如何記住用戶的信息呢
    2012-01-01
  • 最新評(píng)論