<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>
解决方案 »
- js过滤26个字母
- 1,能否从单元格取值?2,如果字数超过单元格的话,能否被单元格盖住?
- javascript中怎么获取页面当前焦点所指的控件,并获取其ID?谢谢了!
- 关于javascript打字系统的声音问题.
- 如何使用js删除上一级页面生成的cookie
- 关于easyui的menu显示问题
- 求教javascript获得标签tag的方法
- 如何写JS将已经DISABLED的文本INPUT框再变成重新有效
- 我想用javascript连接sql server数据库,并实现查询功能,不知道javascript能否做到?
- 判断字符的问题,谢谢了~(非常急)
- 如何防止用户输入半角空格或全角空格?
- 请问:如何在一个表的第9行拷拷贝,并加在第5行与第6行之间
tbl.deleteRow(3)为删除第三个TR(从0开始计数)