有关复选框的操作,如何获取多选id,

经常会碰到一些操作复选框的案例,比如多选,全选,反选等等,整理了一下,分享出来, 同时

还有如何获取选择多条数据时,id的处理问题。即如何拿到多条数据的id。

//取得所有的复选框对象数组
function GetAllCheckBox() {
  var div = document.getElementById("Balls");
  var inputs = div.getElementsByTagName("input");
  //定义复选框数组,用来返回
  var checkboxs = new Array();
  var nIndex = 0;
  for (var i = 0; i < inputs.length; i++) {
 //通过type是否为checkbox来判断复选框
 if (inputs[i].type == "checkbox") {
   checkboxs[nIndex] = inputs[i];
   nIndex++;
 }
  }
  return checkboxs;
}



//全选
function selAll() {
  var checkboxs = GetAllCheckBox();
  for (var i = 0; i < checkboxs.length; i++) {
 checkboxs[i].checked = true;
  }
}



//全清
function clearAll() {
  var checkboxs = GetAllCheckBox();
  for (var i = 0; i < checkboxs.length; i++) {
 checkboxs[i].checked = false;
  }
}



//反选
function reverseAll() {
  var checkboxs = GetAllCheckBox();
  for (var i = 0; i < checkboxs.length; i++) {
 if (checkboxs[i].checked == true) {
   checkboxs[i].checked = false;
 }
 else {
   checkboxs[i].checked = true;
 }
  }
}



如何选取多个复选框的id, 并传值到页面,进行操作


注:取值为一组复选框,所以不能用document.getElementById()

 /*
    *选择多条数据,如何获取id
    *
    *获取所有选中id
    *选择多个数据时,获取所选择的所有id,并将id返回
    *将id全部拿到,并用 ","拼起来,使用的时候,用split()方法劈开,放到数组中或集合中遍历使用
    */
-->

    function getAllids(){
        //得到chekbox对象
        var checkbox = document.getElementsByName("che");
        //alert("checkbox的长度为:"+checkbox.length);
        var id ="";
        //当选中时,拿到它的value值,并拼起来
        //需要注意的是,这样拼出来的id字符串,是以 ","结尾的,所以在使用的时候,应先将 ","去掉,也可在if中做判断
        // 当为最后一个时,拼的时候不加 ","
        for ( var i = 0; i < checkbox.length; i++) {
            if(checkbox[i].checked){
                id = id + checkbox[i].value+",";
            }
        }
        //alert("id为:"+id);
        return id;
    }




  • 3
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 4
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值