posts - 16, comments - 11, trackbacks - 0

<%@ page language="java" import="java.util.*" 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 http-equiv="keywords" content="keyword1,keyword2,keyword3" />
<meta http-equiv="description" content="This is my page" />

<style type="text/css">

</style>
<script language="javascript" type="text/javascript">
   var flag = 0;
   var count=1;
   function addline(f){//添加一行
    count++;
    var alltbDetailUsed= document.all("tbo").rows;
    //document.all.tbDetailPrepare.rows[0].cells[1].innerText=alltbDetailUsed.length;
    var theFirstSelectedDetail;
    if (f==null)
    {
      theFirstSelectedDetail=alltbDetailUsed.length-2;
    }
    else
     theFirstSelectedDetail=f;
    var newRow = document.all("tbDetailPrepare").rows[0].cloneNode(true);
    var desRow = alltbDetailUsed[theFirstSelectedDetail+1];
    var tab_len = alltbDetailUsed.length-1;
    temp = tab_len;
    document.all("tbo").insertBefore(newRow);
   }
   function deleteline(){//删除一行
   
    var alltbDetailUsed= document.all("tbo").rows;
    var tab1Length= document.all("tbl_Data3").rows.length;
    var flag1=0;
    for(var i=0;i<document.all("ch1").length;i++)
    {
        if (document.all("ch1")[i].checked==true)
          {  count--;
             flag1++;
    }
    } 
 if(count==0)
 {
   alert('至少要添加一个');
   return false;
 }
    if(flag!=0){
     flag += flag1;
    }else{
     flag = flag1;
    }
 
    if (flag1==0){
       alert("请选择要删除的行!");
     } 
     else{
         if (confirm("是否确认删除所选行!")==false) return false;
         for(var i=0;i<alltbDetailUsed.length;i++)
          {
       if (alltbDetailUsed[i].all("ch1").checked==true)
              {
        document.all("tbo").deleteRow(i); 
        i=i-1;
              } 
     
          }
        }
      // if(document.all("ch1").length<2){
      // addline();
     // }
   }
   </script>
</head>
<body>
<form name="form1" action="" method="post" >
<fieldset>
<legend><strong>动态添加表格一行（模版）</strong></legend>
<input type=hidden id="hid" name="hid"/ />
<table id="tbl_Data3" 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>
<th align="center" width="15%">项目号</th>
<th align="center" width="15%">项目价格</th>
<th align="center" width="20%">备注</th>
</tr>
</thead>
<tbody id="tbo">
<tr align="center"  style="cursor:hand">
<td><input type="checkbox" name="ch1" /></td>
<td> <select name="canlogin">
<option value="0">是</option>
<option value="1">否</option>
</select></td>
<td> <select name="canlogin">
<option value="0">是</option>
<option value="1">否</option>
</select></td>
<td> <select name="canlogin">
<option value="0">是</option>
<option value="1">否</option>
</select></td>
<td> <select name="canlogin">
<option value="0">是</option>
<option value="1">否</option>
</select></td>
<td> 价格</td>
<td> 备注</td>
</tr>
</tbody>
</div>
</td>
</tr>
<tr><td align="right" bgcolor="#FFFFFF" colspan="7">
<input name="add" type="button" value="添加衣服" onClick="addline();"/ />
<input name="del" type="button" value="删除衣服" onClick="deleteline();"/ />
</td>
</tr>
</table>

<table id="tbDetailPrepare" align="center" border="1" cellPadding="4" cellSpacing="0" borderColorLight="#999999" borderColorDark="#ffffff" style="width:95%;word-break: break-all;display:none">
<tbody>
<tr  align="center"  style="cursor:hand">
<td><input type="checkbox" name="ch1" /></td>
<td> <select name="canlogin">
<option value="0">是</option>
<option value="1">否</option>
</select></td>
<td> <select name="canlogin">
<option value="0">是</option>
<option value="1">否</option>
</select></td>
<td> <select name="canlogin">
<option value="0">是</option>
<option value="1">否</option>
</select></td>
<td> <select name="canlogin">
<option value="0">是</option>
<option value="1">否</option>
</select></td>
<td> 价格</td>
<td> 备注</td>
</tr>
</table>
</form>
</body>
</html:html>

posted on 2008-05-27 14:35 毒毒阅读(646) 评论(0) 编辑收藏

新用户注册刷新评论列表


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




网站导航: 博客园 IT新闻知识库 C++博客博问管理

2008年5月

日

一

二

三

四

五

六

常用链接

留言簿(1)

随笔分类

随笔档案

文章分类

javascript

文章档案

2008年6月 (2)

收藏夹

技术动态 - JAVA频道 - 赛迪网

ping1314520的空间

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

好的资料

infoQ学习网站
http://www.infoq.com/
javaEye
Max On Java
http://www.blogjava.net/max/category/16130.html
好的资料
http://bubblebaby.spaces.live.com/blog/

常用链接

留言簿(1)

随笔分类

随笔档案

文章分类

文章档案

收藏夹

ping1314520的空间

好的资料

小吹专栏

心灵牧场的博客

心灵牧场的技术博客

机会不是别人给的

空间站北极心空

苹果咖啡

搜索

最新评论

阅读排行榜

评论排行榜