posts - 16, comments - 11, trackbacks - 0

無標題文檔

<%@ page language="java" import="java.util.*,com.page.wash.giveclothing.*" pageEncoding="gbk"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>添加表格信息</title>
 <meta http-equiv="pragma" content="no-cache" />
 <meta http-equiv="cache-control" content="no-cache" />
 <meta http-equiv="expires" content="0" />    
 <meta name="keywords" content="成人在线免费观看,午夜精品福利一区二区三区av,欧美5-7sexvideos处" />
 <meta name="description" content="成人在线免费观看,午夜精品福利一区二区三区av,欧美5-7sexvideos处,韩日精品一区二区,91麻豆精品国产91久久久久推荐资源,嫩草精品影院" />
<script language="javascript" type="text/javascript">  
function AddRow()
{
 //添加一行
 var i =tab1.rows.length;
 var Nam="'div1'";
 var Cod="fuJ"+i;
 var newTr = tab1.insertRow();
 //添加列
 var newTd0 = newTr.insertCell();
 var newTd1 = newTr.insertCell();
 var newTd2 = newTr.insertCell();
 var newTd3 = newTr.insertCell();
 //設置列內容和屬性
 newTd0.innerHTML = '<input type="checkbox" id="box1" onClick="GetRow()"/ /><input type="hidden" name="fuJ" id='+Cod+' />'; 
 newTd1.innerHTML = " 衣服尺碼";
 newTd2.innerHTML = " 衣服花色";
 newTd3.innerHTML = " 處理類型";
}
function DelRow()
{
//刪除一行
  var shu=0;
  var cheCou=document.all("box1");
   for(var i=0;i<cheCou.length;i++)
   {
    if (cheCou[i].checked==true)
    {
      shu++;
    }
   }
   if(shu==cheCou.length)
   {
     alert('最少要添加一件衣服');
     return;
   }
   else  if(shu==0)
   {
     alert('請選擇你要刪除的信息');
     return;
   }
   else if(shu==1)
   {
     for(var i=0;i<cheCou.length;i++)
     {
       if(cheCou[i].checked==true)
       {
        tab1.deleteRow(i+1);
       }
     }
   }
   else if(shu>1)
   {
     for(var a=0;a<shu;a++)
     {
         for(var i=0;i<cheCou.length;i++)
      {
        if(cheCou[i].checked==true)
        {
         tab1.deleteRow(i+1);
         break;
        }
      }
     }
   }
}
function GetRow()
{
  //獲得行索引
  //兩個parentElement分別是TD和TR喲，rowIndex是TR的屬性
  //this.parentElement.parentElement.rowIndex
  cGetRow=window.event.srcElement.parentElement.parentElement.rowIndex; 
}
</script>
  </head>
  <body>
 <form name="form1" action="${pageContext.request.contextPath}/giveClothing.do?method=FuJiaFei" method="post"   >
 <center>
    <fieldset>
     <legend><strong>動態添加一行表格</strong></legend>
     <input type=hidden id="hid" name="hid"/ />
  <table id="tab1" align="center" border="1" cellPadding="4" cellSpacing="0" borderColorLight="#999999" borderColorDark="#ffffff" style="width:95%;word-break: break-all">
      <thead>
    <tr>
     <th align="center" width="10%">選擇</th>
     <th align="center" width="15%">衣服尺碼</th>
     <th align="center" width="15%">衣服花色</th>
     <th align="center" width="15%">處理類別</th>
    </tr>
   </thead>
               <tr >
     <td><input type=checkbox id="box1" onClick="GetRow()" />
         <input type="hidden" name="fuJ" id="fuJ1" />
     </td>   
     <td> 衣服尺碼</td>
     <td> 衣服花色</td>
     <td> 處理類別</td>
            </tr>
    
       </table>
       <table  align="center" border="1" cellPadding="4" cellSpacing="0" borderColorLight="#999999" borderColorDark="#ffffff" style="width:95%;word-break: break-all">
       <tr>
         <td align="right">
       <input type="button" name="Submit" value="增加一行" onclick="javascript:AddRow();" />
          <input type="button" name="Submit" value="刪除一行" onclick="javascript:DelRow();" />
         </td> 
      </tr> 
   </table>
</form>
  </body>
  
</html>

posted on 2008-05-27 16:24 毒毒閱讀(2925) 評論(6) 編輯收藏

FeedBack:

# re: 動態添加表格一行(javascript)

2009-01-08 14:32 | oskin

不錯,學習了,非常感謝! 回復更多評論

# re: 動態添加表格一行(javascript)

2009-02-06 17:16 | matt

為什么不能添加其他的東西呢
不過還是謝謝你哈~~~~~~~ 回復更多評論

# re: 動態添加表格一行(javascript)

2009-02-11 16:25 | 毒毒

@matt
云，喜歡添什么都可以?。约号褪橇?
回復更多評論

# re: 動態添加表格一行(javascript)

2009-03-20 17:33 | 天天天使藍

好東東。。呵呵。。。回復更多評論

# re: 動態添加表格一行(javascript)

2009-05-10 16:05 | js

firefox不能運行
回復更多評論

# re: 動態添加表格一行(javascript)

2009-07-09 15:32 | 笨蛋的櫻木

很好，可是只能刪除當前頁面里的數據，刷新后就還原了，沒有和數據庫交換，看來我還得自己弄了，謝謝了....... 回復更多評論

新用戶注冊刷新評論列表


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




網站導航: 博客園 IT新聞 Chat2DB C++博客博問管理

<

2009年1月

>

日

一

二

三

四

五

六

28

29

30

31

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

1

2

3

4

5

6

7

常用鏈接

留言簿(1)

隨筆分類

隨筆檔案

文章分類

javascript

文章檔案

2008年6月 (2)

收藏夾

技術動態 - JAVA頻道 - 賽迪網

ping1314520的空間

ping1314520的空間
http://hi.csdn.net/ping1314520

好的資料

infoQ學習網站
http://www.infoq.com/
javaEye
Max On Java
http://www.aygfsteel.com/max/category/16130.html
好的資料
http://bubblebaby.spaces.live.com/blog/

常用鏈接

留言簿(1)

隨筆分類

隨筆檔案

文章分類

文章檔案

收藏夾

ping1314520的空間

好的資料

小吹專欄

心靈牧場的博客

心靈牧場的技術博客

機會不是別人給的

空間站北極心空

蘋果咖啡

搜索

最新評論

閱讀排行榜

評論排行榜