七郎's JavaBlog

草木竹石皆可為劒。至人之用人若鏡,不將不迎,應而不藏,故能勝物而不傷。
posts - 60, comments - 14, trackbacks - 0, articles - 0

JS 增加删除行

Posted on 2008-07-17 15:14 七郎归来 阅读(523) 评论(0)  编辑  收藏

 

<%@ page language="java" contentType="text/html; charset=UTF-8"%>
<%@ include file="/pub/include/common.jsp"%>
<html>
<head>
<title>Untitled Document</title>
<script type="text/javascript">
function showPage(field,tableId){  
  
var table = document.getElementById(tableId);  
  
if(table.style.display=="")
    table.style.display
="none";    
    field.src
="<%=path%>/pub/images/butCollapseBlue.gif";  
  }
else
    table.style.display
="";
    field.src
="<%=path%>/pub/images/butExpandBlue.gif";
  }
 
}

</script>
</style>
<script language="javascript" type="text/javascript">
     
function $(id) {return document.getElementById(id);}
     
function $F(name){return document.getElementsByTagName(name);}
     
function ccolor()
     
{
            
var c1 = document.getElementsByName('otd3');
            
for(var i=0; i<c1.length; i++)
            
if(c1[i].checked)
            
{
                c1[i].parentNode.parentNode.className
="checkBg";
                c1[i].parentNode.nextSibling.firstChild.className
="checkTxt";
                c1[i].parentNode.nextSibling.nextSibling.firstChild.className
="checkTxt";
            }

            
else     {    c1[i].parentNode.parentNode.className="";
            c1[i].parentNode.nextSibling.firstChild.className
="";
                c1[i].parentNode.nextSibling.nextSibling.firstChild.className
="";}

     }

     
function alldell()
      
{
         
var des =document.getElementsByName('checkItem');
         
for(var i=0;i<des.length;i++)
         
{
            
if(des[i].checked=document.getElementById('delall').checked){
            des[i].parentNode.parentNode.className
="checkBg";
            des[i].parentNode.nextSibling.firstChild.className
="checkTxt";
            des[i].parentNode.nextSibling.nextSibling.firstChild.className
="checkTxt";}

            
else{ des[i].parentNode.parentNode.className="";
                des[i].parentNode.nextSibling.firstChild.className
="";
                des[i].parentNode.nextSibling.nextSibling.firstChild.className
="";}

         }

      }

     
<!--主要管理员-->
     
function add1(){
        
var otr = document.getElementById("delegateInfor3").insertRow(-1);
        
var checkTd=document.createElement("td");
        checkTd.innerHTML 
= '<input type="checkbox" class="check" onclick="ccolor()" name="checkItem">';
        
var otd1=document.createElement("td");
        otd1.innerHTML 
= '<input type="text" class="txt"  name="infoValue_txt1" id="infoValue_txt1'+($('delegateInfor3').rows.length-1)+'"  maxlength="30" value=""/>';
        
var otd2 = document.createElement("td");
        otd2.innerHTML 
= '<input type="text" class="txt"  name="infoValue_txt2" id="infoValue_txt2'+($('delegateInfor3').rows.length-1)+'"  maxlength="30" value=""/>';
        
var otd3 = document.createElement("td");
        otd3.innerHTML 
= '<input type="text" class="txt"  name="infoValue_txt3" id="infoValue_txt3'+($('delegateInfor3').rows.length-1)+'"  maxlength="30" value=""/>';
        
var otd4 = document.createElement("td");
        otd4.innerHTML 
= '<input type="text" class="txt"  name="infoValue_txt4" id="infoValue_txt4'+($('delegateInfor3').rows.length-1)+'"  maxlength="30" value=""/>';
        
var otd5 = document.createElement("td");
        otd5.innerHTML 
= '<input type="text" class="txt"  name="infoValue_txt5" id="infoValue_txt5'+($('delegateInfor3').rows.length-1)+'"  maxlength="30" value=""/>';
        
var otd6 = document.createElement("td");
        otd6.innerHTML 
= '<input type="text" class="txt"  name="infoValue_txt6" id="infoValue_txt6'+($('delegateInfor3').rows.length-1)+'"  maxlength="30" value=""/>';

        otr.appendChild(checkTd);
        otr.appendChild(otd1); 
        otr.appendChild(otd2); 
        otr.appendChild(otd3);
        otr.appendChild(otd4);
        otr.appendChild(otd5);
        otr.appendChild(otd6);
        
     }

     
function del1(){
        
var c = document.getElementsByName('checkItem');
        
var idArray = new Array();
        
for(var i=0; i<c.length; i++)
        
if(c[i].checked)
        idArray.push(i);
         
var rowIndex;
         
var nextDiff =0;
         
for(j=0;j< idArray.length;j++)
        
{
          rowIndex 
= idArray[j]+1-nextDiff++;
          document.getElementById(
"delegateInfor3").deleteRow(rowIndex);
        }

      }

    
function save1(){
           
//var postString=;
           var checkboxs =  document.getElementsByName("checkItem");
           
var tt1 = document.getElementsByName("infoValue_txt1");
           
var tt2 = document.getElementsByName("infoValue_txt2");
           
var tt3 = document.getElementsByName("infoValue_txt3");
           
var tt4 = document.getElementsByName("infoValue_txt4");
           
var tt5 = document.getElementsByName("infoValue_txt5");
           
var tt6 = document.getElementsByName("infoValue_txt6");
          
           
var idArray = new Array();
           
for(i=0;i<checkboxs.length;i++)
            
{
                idArray.push(tt1[i].value 
+ "|" + tt2[i].value + "|" + tt3[i].value + "|" + tt4[i].value + "|" + tt5[i].value + "|" + tt6[i].value);  
            }

          
           document.getElementById(
"postString").value = idArray.join("--");
           alert(document.getElementById(
"postString").value);
    }
  
    
    
<!--股东信息-->
    
function add2(){
        
var otr = document.getElementById("delegateInfor3").insertRow(-1);
        
var checkTd=document.createElement("td");
        checkTd.innerHTML 
= '<input type="checkbox" class="check" onclick="ccolor()" name="checkItem">';
        
var otd1=document.createElement("td");
        otd1.innerHTML 
= '<input type="text" class="txt"  name="infoValue_txt1" id="infoValue_txt1'+($('delegateInfor3').rows.length-1)+'"  maxlength="30" value=""/>';
        
var otd2 = document.createElement("td");
        otd2.innerHTML 
= '<input type="text" class="txt"  name="infoValue_txt2" id="infoValue_txt2'+($('delegateInfor3').rows.length-1)+'"  maxlength="30" value=""/>';
        
var otd3 = document.createElement("td");
        otd3.innerHTML 
= '<input type="text" class="txt"  name="infoValue_txt3" id="infoValue_txt3'+($('delegateInfor3').rows.length-1)+'"  maxlength="30" value=""/>';
        
var otd4 = document.createElement("td");
        otd4.innerHTML 
= '<input type="text" class="txt"  name="infoValue_txt4" id="infoValue_txt4'+($('delegateInfor3').rows.length-1)+'"  maxlength="30" value=""/>';
        
var otd5 = document.createElement("td");
        otd5.innerHTML 
= '<input type="text" class="txt"  name="infoValue_txt5" id="infoValue_txt5'+($('delegateInfor3').rows.length-1)+'"  maxlength="30" value=""/>';
        
var otd6 = document.createElement("td");
        otd6.innerHTML 
= '<input type="text" class="txt"  name="infoValue_txt6" id="infoValue_txt6'+($('delegateInfor3').rows.length-1)+'"  maxlength="30" value=""/>';

        otr.appendChild(checkTd);
        otr.appendChild(otd1); 
        otr.appendChild(otd2); 
        otr.appendChild(otd3);
        otr.appendChild(otd4);
        otr.appendChild(otd5);
        otr.appendChild(otd6);
        
     }

     
function del2(){
        
var c = document.getElementsByName('checkItem');
        
var idArray = new Array();
        
for(var i=0; i<c.length; i++)
        
if(c[i].checked)
        idArray.push(i);
         
var rowIndex;
         
var nextDiff =0;
         
for(j=0;j< idArray.length;j++)
        
{
          rowIndex 
= idArray[j]+1-nextDiff++;
          document.getElementById(
"delegateInfor3").deleteRow(rowIndex);
        }

      }

    
function save2(){
           
//var postString=;
           var checkboxs =  document.getElementsByName("checkItem");
           
var tt1 = document.getElementsByName("infoValue_txt1");
           
var tt2 = document.getElementsByName("infoValue_txt2");
           
var tt3 = document.getElementsByName("infoValue_txt3");
           
var tt4 = document.getElementsByName("infoValue_txt4");
           
var tt5 = document.getElementsByName("infoValue_txt5");
           
var tt6 = document.getElementsByName("infoValue_txt6");
          
           
var idArray = new Array();
           
for(i=0;i<checkboxs.length;i++)
            
{
                idArray.push(tt1[i].value 
+ "|" + tt2[i].value + "|" + tt3[i].value + "|" + tt4[i].value + "|" + tt5[i].value + "|" + tt6[i].value);  
            }

          
           document.getElementById(
"postString").value = idArray.join("--");
           alert(document.getElementById(
"postString").value);
    }

    
    
    
<!--评级信息-->
    
function add3(){
        
var otr = document.getElementById("delegateInfor3").insertRow(-1);
        
var checkTd=document.createElement("td");
        checkTd.innerHTML 
= '<input type="checkbox" class="check" onclick="ccolor()" name="checkItem">';
        
var otd1=document.createElement("td");
        otd1.innerHTML 
= '<input type="text" class="txt"  name="infoValue_txt1" id="infoValue_txt1'+($('delegateInfor3').rows.length-1)+'"  maxlength="30" value=""/>';
        
var otd2 = document.createElement("td");
        otd2.innerHTML 
= '<input type="text" class="txt"  name="infoValue_txt2" id="infoValue_txt2'+($('delegateInfor3').rows.length-1)+'"  maxlength="30" value=""/>';
        
var otd3 = document.createElement("td");
        otd3.innerHTML 
= '<input type="text" class="txt"  name="infoValue_txt3" id="infoValue_txt3'+($('delegateInfor3').rows.length-1)+'"  maxlength="30" value=""/>';
        
var otd4 = document.createElement("td");
        otd4.innerHTML 
= '<input type="text" class="txt"  name="infoValue_txt4" id="infoValue_txt4'+($('delegateInfor3').rows.length-1)+'"  maxlength="30" value=""/>';
        
var otd5 = document.createElement("td");
        otd5.innerHTML 
= '<input type="text" class="txt"  name="infoValue_txt5" id="infoValue_txt5'+($('delegateInfor3').rows.length-1)+'"  maxlength="30" value=""/>';
        
var otd6 = document.createElement("td");
        otd6.innerHTML 
= '<input type="text" class="txt"  name="infoValue_txt6" id="infoValue_txt6'+($('delegateInfor3').rows.length-1)+'"  maxlength="30" value=""/>';

        otr.appendChild(checkTd);
        otr.appendChild(otd1); 
        otr.appendChild(otd2); 
        otr.appendChild(otd3);
        otr.appendChild(otd4);
        otr.appendChild(otd5);
        otr.appendChild(otd6);
        
     }

     
function del3(){
        
var c = document.getElementsByName('checkItem');
        
var idArray = new Array();
        
for(var i=0; i<c.length; i++)
        
if(c[i].checked)
        idArray.push(i);
         
var rowIndex;
         
var nextDiff =0;
         
for(j=0;j< idArray.length;j++)
        
{
          rowIndex 
= idArray[j]+1-nextDiff++;
          document.getElementById(
"delegateInfor3").deleteRow(rowIndex);
        }

      }

    
function save3(){
           
//var postString=;
           var checkboxs =  document.getElementsByName("checkItem");
           
var tt1 = document.getElementsByName("infoValue_txt1");
           
var tt2 = document.getElementsByName("infoValue_txt2");
           
var tt3 = document.getElementsByName("infoValue_txt3");
           
var tt4 = document.getElementsByName("infoValue_txt4");
           
var tt5 = document.getElementsByName("infoValue_txt5");
           
var tt6 = document.getElementsByName("infoValue_txt6");
          
           
var idArray = new Array();
           
for(i=0;i<checkboxs.length;i++)
            
{
                idArray.push(tt1[i].value 
+ "|" + tt2[i].value + "|" + tt3[i].value + "|" + tt4[i].value + "|" + tt5[i].value + "|" + tt6[i].value);  
            }

          
           document.getElementById(
"postString").value = idArray.join("--");
           alert(document.getElementById(
"postString").value);
    }
  

       
</script>
<link rel="StyleSheet" href="<%=path%>/pub/css/defaultSkin.css"
    type
="text/css" />
<SCRIPT LANGUAGE="JavaScript"
    src
="<%=path%>/pub/js/myDateControler/WdatePicker.js"></Script>
</head>
<body>
<form id="customer_add" name="customer_add" method="post" action="">
<table width="100%" border="0" align="left" cellpadding="0"
    cellspacing
="0" bordercolor="#ADD47B">
    
<tr>
        
<td colspan="2" valign="middle">
        
<table width="100%" height="18" border="0" cellpadding="0"
            cellspacing
="0">
            
<tr>
                
<td width="14">&nbsp;</td>
                
<td width="745" height="30" valign="bottom">
                ◇你当前的位置:首页>>信用评级>>基本信息
</td>
            
</tr>
        
</table>
        
</td>
    
</tr>
    
<tr>
        
<td colspan="2">&nbsp;</td>
    
</tr>
    
<tr>
        
<td width="10" height="15">&nbsp;</td>
        
<td width="100%" height="8" align="center" valign="top">
        
<table width="100%" height="175" border="1" align="center"
            cellpadding
="0" cellspacing="0" bordercolor="#92C44D">



            
<tr>
                
<td height="25" align="left">
                
<table width="100%" border="0" align="left" cellpadding="0"
                    cellspacing
="0">
                    
<tr>
                        
<td><IMG name="Contextdelegate"
                            src
="<%=path %>/pub/images/butCollapseBlue.gif"
                            onclick
="showPage(this,'delegateInfor3')"><strong>评级信息</strong>
                        
</td>
                        
<td align="right"><input name="addv_btn" id="addv_btn"
                            type
="button" class="button" onClick="add3();" value="增加行" /> <input
                            
name="del_btn" id="del_btn" type="button" class="button"
                            onClick
="del3();" value="删除行" /> <input name="save" id="save"
                            type
="button" class="button" onClick="save3();" value="得到行" /></td>
                    
</tr>
                
</table>
                
</td>
            
</tr>
            
<tr>
                
<td valign="top">



                
<TABLE id="delegateInfor3" style="display: none" width="100%"
                    border
="1" align="center" cellpadding="0" cellspacing="0"
                    bordercolor
="#CCCCCC">
                    
<tr>
                        
<th width="40" height="20" align="left"><input
                            
type="checkbox" id="delall" onclick="alldell()">
                        
</td>
                        
<th width="100" height="20" align="center">序号
                        
</td>
                        
<th width="100" height="20" align="center">编号
                        
</td>
                        
<th width="100" height="20" align="center">评级类型
                        
</td>
                        
<th width="100" height="20" align="center">评级公司
                        
</td>
                        
<th width="100" height="20" align="center">级别
                        
</td>
                        
<th width="100" height="20" align="center">编号
                        
</td>
                    
</tr>

                    
<tr>
                        
<TD><input type="checkbox" class="check" onclick="ccolor()"
                            name
="checkItem"></TD>
                        
<TD><input type="text" name="infoValue_txt1"
                            id
="infoValue_txt1" /></TD>
                        
<TD><input type="text" name="infoValue_txt2"
                            id
="infoValue_txt2" /></TD>
                        
<TD><input type="text" name="infoValue_txt3"
                            id
="infoValue_txt3" /></TD>
                        
<TD><input type="text" name="infoValue_txt4"
                            id
="infoValue_txt4" /></TD>
                        
<TD><input type="text" name="infoValue_txt5"
                            id
="infoValue_txt5" /></TD>
                        
<TD><input type="text" name="infoValue_txt6"
                            id
="infoValue_txt6" /></TD>
                    
</tr>

                
</table>
                
<input type="text" name="postString" id="postString"></td>
            
</tr>
        
</table>
        
</td>
    
</tr>
</table>
</form>
</script>
</body>
</html>

只有注册用户登录后才能发表评论。


网站导航: