疯狂

STANDING ON THE SHOULDERS OF GIANTS
posts - 481, comments - 486, trackbacks - 0, articles - 1
  BlogJava :: 首页 :: 新随笔 :: 联系 :: 聚合  :: 管理

仍一个能增减行的javascript

Posted on 2007-10-08 18:52 疯狂 阅读(255) 评论(0)  编辑  收藏

<html><head>
 <script language="javascript">
     var rowIndex = 0;
     function addOneLineOnClick() {
         var row=tb.insertRow(tb.rows.length);
                col = row.insertCell(0);
                col.innerHTML = "<tr><input size='90'  name=btn index=\""+ rowIndex +"\" >";
                col = row.insertCell(1);
                col.innerHTML = "<input type='button' value='删除'  onclick=\"return DeleteRow('row" + rowIndex +"')\"></tr>";
               row.setAttribute("id", "row" + rowIndex);
               row.setAttribute("name", "row" + rowIndex);
               rowIndex++;
   }
 function DeleteRow(rowTag){
               var i = tb.rows(rowTag).rowIndex;
               var j;
               for(j=i;j<=rowIndex;j++) { 
               tb.rows(j).cells(0).all("btn").index--; 
  }
               tb.deleteRow(i);
               rowIndex--;
 }

</script>
</head>
<body >
  <div align="center">
      <table width="95%" name="tb" id="tb">
  <tr>
  </tr>
      </table>
 <p>
 <input name="btnAddLine" type="button" id="btnAddLine" onClick="return addOneLineOnClick()" value="加入一行">
 </div>
</body>
</html>


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


网站导航: