JS获取表格 按钮所在的行上的元素 博客分类： JS脚本 html javascript
程序员文章站
2024-03-07 23:39:57
...
JS获取表格 按钮所在的行上的元素
<!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+"\t"+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>