您好,欢迎访问一九零五行业门户网

JavaScript实现表中行的增加和删除

<%@ page pageencoding="utf-8"%>
<%@ include file="/common/import.jsp" %>
<html>
  <head>
 <%@ include file="/common/header.jsp" %>
</head>
<body leftmargin=0 topmargin=0>
<table width="100%" border="0" cellpadding="0" cellspacing="0"
align=center border=0>
<tr>
  <td height=30></td>
 </tr>
 <tr>
  <td height=10 align=center>
   <input type=button name="add" value="新增股东" onclick="addrow();">
   <input type=button name="del" value="减少股东" onclick="delrow();">
  </td>
 </tr>
 <tr>
  <td valign=top>
  <!--<form id="form1" name="form1" action="" method="post">-->
   <table width="95%" border="1" align="center" cellpadding="1" id="tbl_gd" name="tbl_gd" cellspacing="0" bordercolor="#0099cc" style="line-height: 1.4; border-collapse: collapse" bgcolor="#ffffcc">
   <tr>
    <td align=center width=30%>股东名称</td>
    <td align=center width=30%>证照号码</td>
    <td align=center width=20%>出资额</td>
    <td align=center width=20%>出资比例(%)</td>
   </tr>
<tr>
    <td align=left%>
          <input name="name1" id="name1" value="">
         </td>
    <td align=left%>
          <input name="cardno1" id="cardno1" value="">
         </td>
    <td align=left%>
          <input name="moneyinvested1" id="moneyinvested1" value="">
         </td>
    <td align=left%>
          <input name="percentage1" id="percentage1" value="">
         </td>
   </tr>
</table>
  <!-- </form>-->
  </td>
 </tr>
 <tr>
  <td height=20></td>
 </tr>
 <tr>
  <td align="center" width="100%"><input type="button"
onclick="save()" value="保存&转入下一步"></td>
 </tr>
 <tr>
  <td> </td>
 </tr>
</table>
</body>
<script language=javascript>
  function save(){
   if(!confirm(确实要保存并转入下一步吗?)){
    return;
   }
   getinfo();
   //qy_info.submit();
  }
  function addrow(){
//添加一行
var newtr = document.getelementbyid(tbl_gd).insertrow(-1);
    var index=newtr.rowindex;
    //alert(index);
//添加四列
var newtd0 = newtr.insertcell(-1);
var newtd1 = newtr.insertcell(-1);
var newtd2 = newtr.insertcell(-1);
var newtd3 = newtr.insertcell(-1);
//设置列内容和属性
newtd0.innerhtml =<input name=\"name"+index+"\" id=\"name"+index+"\" value=\"\">;
newtd1.innerhtml = <input name=\"cardno"+index+"\" id=\"cardno"+index+"\" value=\"\">;
    newtd2.innerhtml = <input name=\"moneyinvested"+index+"\" id=\"moneyinvested"+index+"\" value=\"\">;
    newtd3.innerhtml = <input name=\"percentage"+index+"\" id=\"percentage"+index+"\" value=\"\">;
  }
function delrow(){
   if(document.getelementbyid(tbl_gd).rows.length>2){
    document.getelementbyid(tbl_gd).deleterow(-1);
   }
  }
  function getinfo(){
   var infostr=;
   alert(name2.value);
   alert(tbl_gd.rows.length);
   for(var i=1;i<=tbl_gd.rows.length-1;i++){
infostr+=document.all.item("name"+i).value+"::";
infostr+=document.all.item("cardno"+i).value+"::";
infostr+=document.all.item("moneyinvested"+i).value+"::";
infostr+=document.all.item("percentage"+i).value+";;";
}
alert(infostr);
}
</script>
</html>
其它类似信息

推荐信息