表格删除一行并且序号自动减一

表格删除一行 并且序号自动减一

(2012-06-04 10:22:25)

转载▼

标签： 江西省 复印件 征收社会抚养费 户口 出生证明 it

分类： javascript

 <tr height="37" class="sty11">
    <td height="37"><div align="center"  id="xid11">11</div></td>
    <td><div align="center" >户主户口复印件</div></td>
    <td><input class="input2" type="text" maxlength="2" id="id11" value="11">　</td>
    <td width="60px" align="center" id="del11" class="noprint">    <a href="javascript:void(0)" onclick="del(11)"> <img src="<?php echo $_BASE_DIR."images/delete.gif";?>" >   </a>    </td>
  </tr>
  <tr height="37" class="sty12">
    <td height="37"><div align="center" id="xid12">12</div></td>
    <td><div align="center" >男方户口复印件</div></td>
    <td><input class="input2" type="text" maxlength="2" id="id12" value="12">　</td>
    <td width="60px" align="center" id="del12" class="noprint">   <a href="javascript:void(0)" onclick="del(12)"> <img src="<?php echo $_BASE_DIR."images/delete.gif";?>" >   </a>    </td>
  </tr>
  <tr height="37" class="sty13">
    <td height="37"><div align="center" id="xid13">13</div></td>
    <td><div align="center">女方户口复印件</div></td>
     <td><input class="input2" type="text" maxlength="2" id="id13" value="13">　</td>
     <td width="60px" align="center" id="del13" class="noprint">    <a href="javascript:void(0)" onclick="del(13)">  <img src="<?php echo $_BASE_DIR."images/delete.gif";?>" >   </a>    </td>
  </tr>
  <tr height="37" class="sty14">
    <td height="37"><div align="center" id="xid14">14</div></td>
    <td><div align="center">小孩户口复印件</div></td>
    <td><input class="input2" type="text" maxlength="2" id="id14" value="14">　</td>
    <td width="60px" align="center" id="del14" class="noprint">    <a href="javascript:void(0)" onclick="del(14)">  <img src="<?php echo $_BASE_DIR."images/delete.gif";?>" >   </a>    </td>
  </tr>
  <tr height="37" class="sty15">
    <td height="37"><div align="center" id="xid15">15</div></td>
    <td><div align="center">结婚证复印件</div></td>
    <td><input class="input2" type="text" maxlength="2" id="id15" value="15">　</td>
    <td width="60px" align="center" id="del15" class="noprint">    <a href="javascript:void(0)" onclick="del(15)">  <img src="<?php echo $_BASE_DIR."images/delete.gif";?>" >   </a>    </td>
  </tr>
  <tr height="37" class="sty16">
    <td height="37"><div align="center" id="xid16">16</div></td>
    <td><div align="center">小孩出生证明复印件</div></td>
    <td><input class="input2" type="text" maxlength="2" id="id16" value="16">　</td>
    <td width="60px" align="center"  id="del16" class="noprint">  <a href="javascript:void(0)" onclick="del(16)">  <img src="<?php echo $_BASE_DIR."images/delete.gif";?>" >   </a>  </td>
  </tr>
  <tr height="37" class="sty17">
    <td height="37"><div align="center" id="xid17">17</div></td>
    <td><div align="center">村里出具的证明原件</div></td>
    <td><input class="input2" type="text" maxlength="2" id="id17" value="17">　</td>
   
  </tr>
  <tr height="37" class="sty18">
    <td height="37"><div align="center" id="xid18">18</div></td>
    <td><div align="center">江西省征收社会抚养费发票复印件</div></td>
    <td><input class="input2" type="text" maxlength="2" id="id18" value="18">　</td>
   
  </tr>
</table>


</div>
<script>


    function getCookie(name)
    {
        var strCookie=document.cookie;
        var arrCookie=strCookie.split("; ");
        for(var i=0;i<arrCookie.length;i++)
        {
            var arr=arrCookie[i].split("=");
            if(arr[0]==name)
            {
            return arr[1];
            }else{
                return -2;
            }
        }
    
    }
    //if(getCookie("strcount") == -2 )
    //{
        document.cookie = "strcount="+6;
//    }

function del(id)
{
    
    //alert(parseInt(getCookie("strcount"))-1);
    //document.cookie = "strcount="+(parseInt(getCookie("strcount"))-1);
    //alert(getCookie("strcount"));
    //var count = parseInt(getCookie("strcount"));
     $(".sty"+id).hide();
         var i = 11;
    
    
         for(i;i<=18;i++)
         {
             if(id<=i)
             {
                 var next =  parseInt($("#id"+i).val())-1;
                 $("#id"+i).val(next);
                  $("#xid"+i).html(next);
                  //$("#id"+i).val(i-6+count);
                  //$("#xid"+i).html(i-6+count);
             }
              
          }
    
}




</script>