JS 表格新增行

来源:互联网 发布:传智播客软件测试视频 编辑:程序博客网 时间:2024/05/21 08:46
 

<%@page contentType="text/html;charset=utf-8"%>
<%@ page language="java" import="java.util.*" pageEncoding="GBK"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ޱĵ</title>
<style>
 #tol{
  background:red;
  width:40;
  }
  table {
   background:#3CF;
   }
</style>
<script type="text/javascript" src="utils.js"></script>
<script type="text/javascript">

 function addRows(){
  var txtSEQUE =  findObj("txtSEQUE",document);
  var rowid = parseInt(txtSEQUE.value);
  
  
  var signFrame =  findObj("signFrame",document);
  var newTR = signFrame.insertRow(signFrame.rows.length);
  
  var newNameTD = newTR.insertCell(newTR.cells.length);
  newNameTD.innerHTML = "<input name='che' type='checkbox'>";
  
     var newID = newTR.insertCell(newTR.cells.length);
  newID.innerHTML = newTR.rowIndex.toString();
  
  var newNameUSER = newTR.insertCell(newTR.cells.length);
  newNameUSER.innerHTML = "<input name='username' type='text'/>";
  
  var newNamePASS = newTR.insertCell(newTR.cells.length);
  newNamePASS.innerHTML = "<input name='password' type='text' value='123456'/>";
  
  txtSEQUE.value = (rowid + 1).toString()
    }
 
 function add(){
      var alls = document.getElementsByName('che');
   var count = 0;
   for(var i=0;i<alls.length ;i++){
       if(alls[i].checked) count++;
  }
  //alert(count);
  for(var i=0;i<count;i++){
   addRows();
   
  }
  checkAll('che','cheall'); 
 }
 


</script>
</head>


<body>
<form name="regedits" action="regedits.action" method="post">
<table id="signFrame" border="0" cellpadding="2" cellspacing="1" >
    <tr>
      <td><input id="cheall" type="checkbox"  onclick="checkAll('che','cheall');"/></td>
       <td></td>
      <td></td>
      <td></td>
      <td><input id="txtSEQUE" type="hidden" value="1"/></td>
    </tr>
</table>

<input type="button" value="add a row" onclick="addRows()"/>
<input type="button" value="add a team" onclick="add()"/>
<input type="submit"  value="SUBMIT"/>
</form>
</body>
</html>

原创粉丝点击