您的位置:首页 > Web前端 > JavaScript

JSP/JS获取表格当前行行号及行每一个单元格数据

2015-12-09 17:42 716 查看
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
</head>
<script type="text/javascript">
<!--
function check(button){
//执行删除行的操作
alert("执行删除行的操作");
var index  = -1;

for(var i=0; i<fm.but.length ;i++){
if(fm.but[i] == button){
index = i;
break;
}
}

alert("当前行"+(index+1)+" ,元素值为 "+fm.one[index].value+"  "+fm.two[index].value);

}
//-->
</script>
<body>
<form method="post" action="" name="fm">

<table name="tab" >
<tr>
<td> <input type="text" name="one"></td>
<td><input type="text" name="two"></td>
<td><input type="button" value="检查--删除" name="but"  onclick="check(this)"></td>
</tr>
<tr>
<td> <input type="text" name="one"></td>
<td><input type="text" name="two"></td>
<td><input type="button" value="检查--删除" name="but"   onclick="check(this)"></td>
</tr>
<tr>
<td> <input type="text" name="one"></td>
<td><input type="text" name="two"></td>
<td><input type="button" value="检查--删除" name="but"   onclick="check(this)"></td>
</tr>
<tr>
<td> <input type="text" name="one"></td>
<td><input type="text" name="two"></td>
<td><input type="button" value="检查--删除" name="but"   onclick="check(this)"></td>
</tr>
</table>

</form>
</body>
</html>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: