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>
分享到:
相关推荐
js获取表格内容
javascript获取表格的行数和列数,以及表格的内容
这是一个JS获得表格当前行数的例子,也就是你的鼠标在那一行 JS都可以帮你获得行数。
JavaScript中如何获取按钮所在DIV的ID
用JS获取表格中单击某个单元格中按钮,得到所在行的信息: 代码如下: function GetRowNo() { var e = e || window.event; var target = e.target || e.srcElement; if (target[removed].tagName.toLowerCase() == ...
博文链接:https://qsfwy.iteye.com/blog/219193
js获取table 中 tr td的值的实例,有需要的朋友可以下下来参考
主要介绍了JS实现的表格行上下移动操作,涉及javascript针对页面元素节点与属性的相关操作技巧,需要的朋友可以参考下
主要介绍了JavaScript获取表格(table)当前行的值、删除行、增加行,本文直接给出代码示例,需要的朋友可以参考下
本文实例讲述了JavaScript获取表单内所有元素值的方法。分享给大家供大家参考。具体如下: 下面的JS代码可以遍历指定表单中的所有元素,并输出元素的值 <!DOCTYPE html> <html> <body> <form id=...
本文实例讲述了JavaScript实现获取某个元素相邻兄弟节点的prev与next方法。分享给大家供大家参考,具体如下: /** * 获取相邻元素 * @param ele 参考物元素 * @param type 类型,上一个(1)or下一个(0) * @return ...
纯javascript增加删除表格行,新增,删除行
Layui调用json获取表格动态数据代码,treetable是一款功能强大的树形表格插件,支持全部展开,全部折叠,刷新表格,修改,删除等功能。
javascript动态添加表格数据行 在很多web应用中,我们会遇到很多需要动态插入多行纪录的地方。比如,在人才网站上,我们填写简历的时候,我们要填写我们的项目经验,我们可以根据自己的实际情况动态的添加条数,这种...
通过js获取table中当前选择的一行的行号,获取当前行号后可以进行对应的操作
javascript改变表格行的颜色 使用javascript事件更加轻松
ASP+JS实现表格实时添加行 et 用JS实现
JavaScript\JS\按钮类css按钮样式1JavaScript\JS\按钮类css按钮样式1
javascript获取表格 td 中的内容.docx