js表格操作图片复选框

//------------------------------从右到左
function removeSelected(){
 var checked = false; //判断是否选中右边图片
 var cright = document.getElementById("righttable").getElementsByTagName("tr");
 for (var i = 1; i < cright.length; i++)  {
   var h = cright[i];
   var inputs = h.getElementsByTagName("input");
   if (inputs[0].checked)
    {
                checked = true;
                break;
          }
 }
    if (!checked)
    {
            alert("请从右边选择框里选择要关联的项目");
            return;
    }
 for (var i = 1; i < cright.length; i++)  {
   var h = cright[i];
   var inputs = h.getElementsByTagName("input");
   if (inputs[0].checked)
    {
   //还原
   resumeOption(i);
    }
 } 
 //删除
 removeOption();

}

function resumeOption(rtid){
 var cleft = document.getElementById("lefttable").getElementsByTagName("tr");
 //在左边增加一条记录
 var rightid="ckright"+rtid;
 var leftid="ckleft0";
 if(cleft.length>0) leftid="ckleft"+(cleft.length-1);
 var cel = document.getElementById(rightid).cloneNode(true); 
 document.getElementById(leftid).parentNode.appendChild(cel);
 //修改name;
 var h = cleft[cleft.length-1];
 var hstr="ckleft"+(cleft.length-1);
 var inputs = h.getElementsByTagName("input");
 h.id=hstr;
 inputs[0].name="chkbox1";
}

function removeOption(){
 var cright = document.getElementById("righttable").getElementsByTagName("tr");
 for (var i = 1; i < cright.length; i++)  {
   var h = cright[i];
   var inputs = h.getElementsByTagName("input");
   if (inputs[0].checked)
    { 
    h.parentNode.removeChild(h);
    i--;
    }
 }
 for (var i = 1; i < cright.length; i++)  {
   var h = cright[i];
   var hstr="ckright"+i;
   h.id=hstr;
 }
}
function rightselAll(){
 var cright = document.getElementById("righttable").getElementsByTagName("tr");
 for (var i = 1; i < cright.length; i++)  {
   var h = cright[i];
   var inputs = h.getElementsByTagName("input");
   inputs[0].checked=true;
 }
}

function rightinvertsel(){
 var cright = document.getElementById("righttable").getElementsByTagName("tr");
 for (var i = 1; i < cright.length; i++)  {
   var h = cright[i];
   var inputs = h.getElementsByTagName("input");
   if(inputs[0].checked){
    inputs[0].checked=false;
   }
   else{
    inputs[0].checked=true;
   }
 }
}

 

 

//------------------------------从左到右
function addSelected(){
 var checked = false; //判断是否选中左边图片
 var cleft = document.getElementById("lefttable").getElementsByTagName("tr");
 for (var i = 1; i < cleft.length; i++)  {
   var h = cleft[i];
   var inputs = h.getElementsByTagName("input");
   if (inputs[0].checked)
    {
                checked = true;
                break;
          }
 }
    if (!checked)
    {
            alert("请从左边选择框里选择要关联的项目");
            return;
    }
 for (var i = 1; i < cleft.length; i++)  {
   var h = cleft[i];
   var inputs = h.getElementsByTagName("input");
   if (inputs[0].checked)
    {
    //alert(inputs[0].value);
    //check是否在右边了
    if(!checkexist(inputs[0].value)){
      //添加
     addOption(i);
    }
    }
 } 
 //删除
 delOption();
}

function addOption(ltid){
 var cright = document.getElementById("righttable").getElementsByTagName("tr");
 //在右边增加一条记录
 var leftid="ckleft"+ltid;
 var rightid="ckright0";
 if(cright.length>0) rightid="ckright"+(cright.length-1);
 var cel = document.getElementById(leftid).cloneNode(true); 
 document.getElementById(rightid).parentNode.appendChild(cel);
 //修改name;
 var h = cright[cright.length-1];
 var hstr="ckright"+(cright.length-1);
 var inputs = h.getElementsByTagName("input");
 h.id=hstr;
 inputs[0].name="chkbox2";
}

function delOption(){
 var cleft = document.getElementById("lefttable").getElementsByTagName("tr");
 for (var i = 1; i < cleft.length; i++)  {
   var h = cleft[i];
   var inputs = h.getElementsByTagName("input");
   if (inputs[0].checked)
    { 
    h.parentNode.removeChild(h);
    i--;
    }
 }
 for (var i = 1; i < cleft.length; i++)  {
   var h = cleft[i];
   var hstr="ckleft"+i;
   h.id=hstr;
 }
}

function checkexist(lcvalue){
 var cright = document.getElementById("righttable").getElementsByTagName("tr");
 for (var i = 1; i < cright.length; i++)  {
   var h = cright[i];
   var inputs = h.getElementsByTagName("input");
   if (inputs[0].value==lcvalue)
    {
    alert("您选择的图片已经存在！");
    return true;
    }
 }
 return false;
}

function leftselAll(){
 var cleft = document.getElementById("lefttable").getElementsByTagName("tr");
 for (var i = 1; i < cleft.length; i++)  {
   var h = cleft[i];
   var inputs = h.getElementsByTagName("input");
   inputs[0].checked=true;
 }
}

function leftinvertsel(){
 var cleft = document.getElementById("lefttable").getElementsByTagName("tr");
 for (var i = 1; i < cleft.length; i++)  {
   var h = cleft[i];
   var inputs = h.getElementsByTagName("input");
   if(inputs[0].checked){
    inputs[0].checked=false;
   }
   else{
    inputs[0].checked=true;
   }
 }
}

function setSelectValue(valueObj){
 var cright = document.getElementById("righttable").getElementsByTagName("tr");
 var val="";
 for (var i = 1; i < cright.length; i++)  {
   var h = cright[i];
   var inputs = h.getElementsByTagName("input");
  if(val==""){
   val=val+inputs[0].value;
  }
  else{
   val=val+","+inputs[0].value;
  }
 }
 valueObj.value=val;
}