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

最新推荐文章于 2024-09-11 22:09:42 发布

非凡90

最新推荐文章于 2024-09-11 22:09:42 发布

阅读量909

点赞数 1

分类专栏： html+css+javascript 文章标签： javascript input border function include button

本文链接：https://blog.csdn.net/javahuangfang/article/details/7925145

版权

html+css+javascript 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

<%@ page pageEncoding="UTF-8"%>
<%@ include file="/common/import.jsp" %>

<html>
<head>
<%@ include file="/common/header.jsp" %>

</head>

<body leftmargin=0 topmargin=0>

   </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>
  
  </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>