<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    七郎's JavaBlog

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

    JS 增加刪除行

    Posted on 2008-07-17 15:14 七郎歸來 閱讀(528) 評論(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>

    只有注冊用戶登錄后才能發表評論。


    網站導航:
     
    主站蜘蛛池模板: 91亚洲国产成人精品下载| 日韩免费a级在线观看| 免费国产成人午夜在线观看| 亚洲黄片手机免费观看| 一区二区三区免费在线视频 | 亚洲人成人无码网www国产| 在线看片无码永久免费aⅴ| 宅男666在线永久免费观看| 国产国产成年年人免费看片| 国产在线播放免费| 亚洲精品成人网久久久久久| 国产91精品一区二区麻豆亚洲| 久久亚洲国产成人精品无码区| 亚洲人成在线播放网站| 久久亚洲精品中文字幕无码| 亚洲男人的天堂在线播放| 亚洲成人网在线观看| 亚洲AV综合色区无码二区爱AV| 亚洲色偷偷偷综合网| 黄页网址在线免费观看| 黄色视屏在线免费播放| 免费视频精品一区二区三区 | 日韩大片在线永久免费观看网站 | 国产精品亚洲综合天堂夜夜| 看Aⅴ免费毛片手机播放| jizz中国免费| 性色午夜视频免费男人的天堂| 最近中文字幕大全中文字幕免费| 国产免费看JIZZ视频| 免费看a级黄色片| 亚洲国产激情一区二区三区| 亚洲熟妇无码八AV在线播放| 亚洲AV人无码激艳猛片| 91亚洲国产成人久久精品网址| 亚洲综合无码无在线观看| 深夜福利在线免费观看| 男人天堂免费视频| 69堂人成无码免费视频果冻传媒| 永久中文字幕免费视频网站| 亚洲一区视频在线播放| 亚洲视频国产精品|