<script src=">
<script src=">
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta name="keywords" content="小白编辑部 and LittleWhite">
<title>小白编辑部 and LittleWhite</title>
<style type="text/css">
table {
margin: auto;
width: 300px;
border-collapse: collapse;
border: 1px solid black;
}
td {
border: 1px solid black;
text-align: center;
font: 20px/15 Consolas, 微软雅黑;
}
</style>
<script type="text/javascript">
onload = function ()
{
var first = documentgetElementById('first');
var result = firsttBodies[0]rows[1]cells[0]children[0];
var x = resulttBodies[0]rows[0]cells[0]firstChildnodeValue;
consolelog(x);
}
</script>
</head>
<body>
<table id="first">
<tr><td>22</td></tr>
<tr>
<td><table>
<tr>
<td>dd</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
JS获取表格行数和列数
<html>
<head>
<script type="text/javascript">
function show()
{
var tab = documentgetElementById("test") ;
//表格行数
var rows = tabrowslength ;
//表格列数
var cells = tabrowsitem(0)cellslength ;
alert("行数"+rows+"列数"+cells);
}
</script>
</head>
<body>
<table id="test" border="1">
<tr>
<td> </td><td>nbsp;</td>
</tr>
<tr>
<td> </td><td>nbsp;</td>
</tr>
</table>
<input type="button" onclick="show();"/>
</body>
</html>
可以给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=">
以上就是关于点中表格table的一行选中当前行的多选框，用js或者jquery怎么实现在线等，急！！全部的内容，包括:点中表格table的一行选中当前行的多选框，用js或者jquery怎么实现在线等，急！！、JS实现：table点击鼠标如何获取行号跟该单元的值、[急]用js或者jq获取table指定行的位置等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）