有关复选框的操作,如何获取多选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;
    }




你可能感兴趣的:(java开发)