<html>
<head>
<title>table</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<script language="javascript">
function show(strOperator)
{
var objChecked = document.getElementsByName("checkboxbutton");
for(var nLoop = 0; nLoop < objChecked.length; nLoop++)
{
if(!objChecked[nLoop].checked)continue;
switch(strOperator)
{
case "add" :
mytable.rows[mytable.rows.length - 1].insertAdjacentElement("afterEnd", mytable.rows[nLoop].cloneNode(true));
break;
case "hide":
mytable.rows[nLoop].style.visibility="hidden";
break;
case "delete":
mytable.deleteRow(nLoop);
nLoop--;
break;
}
}
}
document.onkeydown=moveFocus;
var nPos = 0;
function moveFocus()
{
var objInput = document.getElementsByName("textfield");
var nKeycode = event.keyCode;
if(nKeycode == 38 || nKeycode == 40)
{
if(nKeycode == 40)nPos++;
else nPos--;
if(nPos < 0) nPos = 0;
else if(nPos > objInput.length - 1)nPos = objInput.length - 1;
objInput[nPos].focus();
}
}
</script>
<body bgcolor="#FFFFFF">
<table width="90%" border="1" id="mytable">
<tr>
<td>
<input type="text" name="textfield">
</td>
<td>
<input type="checkbox" name="checkboxbutton" value="radiobutton">
</td>
</tr>
<tr>
<td>
<input type="text" name="textfield">
</td>
<td>
<input type="checkbox" name="checkboxbutton" value="radiobutton">
</td>
</tr>
</table>
<p>
<input type="button" name="Button" value=" add " onClick="show('add');">
<input type="button" name="Button2" value=" delete " onClick="show('delete');">
<input type="button" name="Button3" value=" hide " onClick="show('hide');">
</p>
</body>
</html>
<head>
<title>table</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<script language="javascript">
function show(strOperator)
{
var objChecked = document.getElementsByName("checkboxbutton");
for(var nLoop = 0; nLoop < objChecked.length; nLoop++)
{
if(!objChecked[nLoop].checked)continue;
switch(strOperator)
{
case "add" :
mytable.rows[mytable.rows.length - 1].insertAdjacentElement("afterEnd", mytable.rows[nLoop].cloneNode(true));
break;
case "hide":
mytable.rows[nLoop].style.visibility="hidden";
break;
case "delete":
mytable.deleteRow(nLoop);
nLoop--;
break;
}
}
}
document.onkeydown=moveFocus;
var nPos = 0;
function moveFocus()
{
var objInput = document.getElementsByName("textfield");
var nKeycode = event.keyCode;
if(nKeycode == 38 || nKeycode == 40)
{
if(nKeycode == 40)nPos++;
else nPos--;
if(nPos < 0) nPos = 0;
else if(nPos > objInput.length - 1)nPos = objInput.length - 1;
objInput[nPos].focus();
}
}
</script>
<body bgcolor="#FFFFFF">
<table width="90%" border="1" id="mytable">
<tr>
<td>
<input type="text" name="textfield">
</td>
<td>
<input type="checkbox" name="checkboxbutton" value="radiobutton">
</td>
</tr>
<tr>
<td>
<input type="text" name="textfield">
</td>
<td>
<input type="checkbox" name="checkboxbutton" value="radiobutton">
</td>
</tr>
</table>
<p>
<input type="button" name="Button" value=" add " onClick="show('add');">
<input type="button" name="Button2" value=" delete " onClick="show('delete');">
<input type="button" name="Button3" value=" hide " onClick="show('hide');">
</p>
</body>
</html>
tbl.deleteRow(3)为删除第三个TR(从0开始计数)