function test(){
var tab = documentgetElementById('tab');
var len = tabgetElementsByTagName('tr')length;
var rownum = len<10objNamesubstring(objNamelength-1):objNamesubstring(objNamelength-2);
}
其实如果你只是想要获取当前行号的话，没必要从id截取字符串，这样写：
<script language="javascript">
windowonload=function(){
var tab = documentgetElementById('tab');
var objs = tabgetElementsByTagName('input');
for(var i=0;i<objslength;i++){
objs[i]onclick=function(){
var rownum = thisparentNodeparentNoderowIndex+1;
alert("我所在的行号为："+rownum);
}
}
}
</script>
<table border="1" id="tab" width="37%">
<tr>
<td width="68"><input type="text" value="点击我获取行号" /></td>
<td>x4</td>
</tr>
<tr>
<td width="68"><input type="text" value="点击我获取行号" /></td>
<td>14</td>
</tr>
<tr>
<td width="68"><input type="text" value="点击我获取行号" /></td>
<td>24</td>
</tr>
<tr>
<td width="68"><input type="text" value="点击我获取行号" /></td>
<td>34</td>
</tr>
<tr>
<td width="68"><input type="text" value="点击我获取行号" /></td>
<td>44</td>
</tr>
</table>
<html>
<head>
<script type="text/javascript" src="jquery-152minjs">
</script>
<script type="text/javascript">
$(document)ready(function(){
$("#mytable tr")click(function(){
$("#mytable tr")removeAttr("clk");
$(this)attr("clk","on");
$("#mytable tr")each(function(index){
if($(this)attr("clk")=="on"){
alert(index);
}
});
});
});
</script>
<body>
<table id="mytable">
<tr>
<td>a
</td>
</tr>
<tr>
<td>b
</td>
</tr>
<tr>
<td>c
</td>
</tr>
</table>
</body>
可以给tr添加onclick事件，然后，通过tr的DOM对象的rowIndex属性获取当前点击的行的索引,从而去判断你点击了那一行。
javascript实现的话麻烦点,代码如下:
<html><head>
<script language="javascript">
function Window_Load(){
var t = documentgetElementById("table1");
var rows = tgetElementsByTagName("tr");
//给tr绑定click事件
for(var i in rows){
rows[i]onclick = rowClick;
}
}
function rowClick(e){
alert(thisrowIndex); //显示所点击的行的索引
}
</script>
</head>
<body onload="Window_Load();">
<table id="table1" border="1" cellpadding=0 cellspacing=0 >
<tr>
<td> t1</td>
<td> t1</td>
</tr> <tr>
<td> t1</td>
<td> t1</td>
</tr> <tr>
<td> t1</td>
<td> t1</td>
</tr>
</table>
</body>
</html>
用jQuery实现要简单一些，代码如下：
<html><head>
<script type="text/javascript" src=">
表格的第一行为thead中的th
剩下的数据放到tbody中
最后那一行添加的放到tfoot中
对tbody下面的所有tr绑定一个点击事件
事件中获取这个tr下的所有td，就可以获取这行的数据了
大概代码如下:
var trs =documentgetElementById("tbodyId")getElementsByTagName("tr");
for(int i=0;i<=trslength;i++)
{
var tr = trs[i]；
var tds＝trgetElementsByTagName("td");
//下面遍历tds就可以去获取数据了
//把数据放到下面的表单就好了
//然后提交数据，在服务端进行修改
}
以上就是关于js如何取行号全部的内容，包括:js如何取行号、在js中怎样获取table里面选中的行号、JS判断是否选中的是表格内当前选中的那一行等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）