简单的 div checkbox

晚上师傅交我 div checkbox ，现在整理如下：

1.首先需要创建对象

 

//添加对象
function addObj(){
	
	var contain = $("container");
	var checkBox1 = document.createElement("input");
	checkBox1.type= "checkbox";
	checkBox1.name="abc";
	checkBox1.id="abc";
	checkBox1.value="abc_value";
	
    
	var label_ = document.createElement("span");

	label_.id="d";
	label_.innerHTML= "d";
	contain.appendChild(checkBox1 );
	contain.appendChild(label_);
	setChecked();
}

 

2.初始化chekbox

 

//初始化checkbox被选中
 function setChecked()   
 {   
  var d=document.getElementById("container");   
  var c=d.childNodes.length  ; 
  for(var k=0;k<c;k++)   
  {   
      if(d.childNodes[k].tagName=="INPUT")   
          {   
              if(d.childNodes[k].type=="checkbox")   
                {   
	    d.childNodes[k].checked=true;  
                   
                }   
            }   
    }   
    
  }

 

3.点击其中的一个checkbox ,就删除这个

 

//删除对象
function cancelItem(){
    var d=document.getElementById("container");   
	
	var r=document.getElementsByName("abc");  
    for(var i=0;i<r.length;i++){
         if(r[i].checked == false){
          //获取当前对象相邻的对象       
		  var nextObj = r[i].nextSibling;
		  d.removeChild(r[i]);
		  d.removeChild(nextObj);
       }
    }      
}

 4.获取需要提交的所有checkbox的值

 

//获取需要提交的值
function getSelectedValues(){

    var subValues = "";
	
     var r=document.getElementsByName("abc");  
    for(var i=0;i<r.length;i++){
         if(r[i].checked == true){
          //获取被选中的checkbox的值       
		  subValues+= r[i].value+",";
		  
       }
    } 
	
	return subValues;
}

function $(id){return document.getElementById(id);}

 

代码已经上传，可以下载使用