现在位置首页 / 前端开发 /正文

js checkBox的全选,反选,与赋值

作者: IT小兵 | 2015年3月12日| 热度:℃ | 评论: |参与:

在以前的文章中提到了jquery全选/反选checkbox,今天分享一下js 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);
  }
}

参考:


[Checkbox复选框属性控制方法大全]

[jquery checkbox radio a div 设置不可用/变灰的方法总结]

[Jquery对checkbox的其他几个操作]

[jquery mobile Checkbox动态添加刷新及事件绑定]

点击阅读本文所属分类的更多文章: 前端开发 。和高手一起交流:346717337
友荐云推荐

未注明转发、原文均为本站原创。分享本文请注明 原文链接

给您更多信息和帮助

在这里您可以找到更多:

技术交流群:346717337 Jquery插件交流

投稿:[email protected]

承接:企业网站门户/微网站/微商城/CMS系统/微信公众号运营/业务咨询

echarts教程系列
本月最热文章

微信扫一扫,徜徉悠嘻网,您的休闲乐园

微信公众号:快乐每一天

随机文章
标签

技术交流群:346717337

投稿:[email protected]

专业专注:企业网站门户/微网站/微商城/CMS系统/微信公众号运营/付费问题咨询