下面是个我解决不了的问题以前请教过类似的问题但是我在里面套用input标签后点击事件不发生不知道为什么?
请各位高手帮忙看看。
我想点击行时候取到点击的行里面的input值。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><style type="text/css">
body { font:12px/25px Arial; text-align:center; }
.tableMain { width:400px; margin:50px auto 0; }
.tableMain, .tableMain th { border-collapse:collapse; border:1px solid #000; }
.scrollTable { height:200px; overflow-x: hidden; overflow-y: auto; width: 100%; }
.scrollTable .odd td { background:#ccc; border-bottom:1px solid #000; border-top:1px solid #000; }
</style>
<script language="javascript" type="text/javascript" src="jquery-1.3.2.min.js"></script>
</head>
<body>
<table id="tblmn" class="tableMain" cellpadding="0" cellspacing="0">
<tr>
<th>title1</th>
<th>title2</th>
<th>title3</th>
</tr>
<tr>
<td colspan="3"><div class="scrollTable">
<table border="1" cellspacing="0" cellpadding="0" width="100%">
<tbody>
<tr class="odd">
<td><INPUT TYPE="text" NAME="" value="321321"/></td>
<td><INPUT TYPE="text" NAME="" value="321321"/></td>
<td><INPUT TYPE="text" NAME="" value="321321"/></td>
</tr>
<tr>
<td><INPUT TYPE="text" NAME="" value="321321"/></td>
<td><INPUT TYPE="text" NAME="" value="321321"/></td>
<td><INPUT TYPE="text" NAME="" value="321321"/></td>
</tr>
<tr class="odd">
<td><INPUT TYPE="text" NAME="" value="321321"/></td>
<td><INPUT TYPE="text" NAME="" value="321321"/></td>
<td><INPUT TYPE="text" NAME="" value="321321"/></td>
</tr>
<tr>
<td><INPUT TYPE="text" NAME="" value="321321"/></td>
<td><INPUT TYPE="text" NAME="" value="321321"/></td>
<td><INPUT TYPE="text" NAME="" value="321321"/></td>
</tr>
<tr class="odd">
<td><INPUT TYPE="text" NAME="" value="321321"/></td>
<td><INPUT TYPE="text" NAME="" value="321321"/></td>
<td><INPUT TYPE="text" NAME="" value="321321"/></td>
</tr>
<tr>
<td><INPUT TYPE="text" NAME="" value="321321"/></td>
<td><INPUT TYPE="text" NAME="" value="321321"/></td>
<td><INPUT TYPE="text" NAME="" value="321321"/></td>
</tr>
<tr class="odd">
<td><INPUT TYPE="text" NAME="" value="321321"/></td>
<td><INPUT TYPE="text" NAME="" value="321321"/></td>
<td><INPUT TYPE="text" NAME="" value="321321"/></td>
</tr>
<tr>
<td><INPUT TYPE="text" NAME="" value="321321"/></td>
<td><INPUT TYPE="text" NAME="" value="321321"/></td>
<td><INPUT TYPE="text" NAME="" value="321321"/></td>
</tr>
<tr class="odd">
<td><INPUT TYPE="text" NAME="" value="321321"/></td>
<td><INPUT TYPE="text" NAME="" value="321321"/></td>
<td><INPUT TYPE="text" NAME="" value="321321"/></td>
</tr>
</tbody>
</table>
</div></td>
</tr>
</table>
</body>
</html>
请各位高手帮忙看看。
我想点击行时候取到点击的行里面的input值。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><style type="text/css">
body { font:12px/25px Arial; text-align:center; }
.tableMain { width:400px; margin:50px auto 0; }
.tableMain, .tableMain th { border-collapse:collapse; border:1px solid #000; }
.scrollTable { height:200px; overflow-x: hidden; overflow-y: auto; width: 100%; }
.scrollTable .odd td { background:#ccc; border-bottom:1px solid #000; border-top:1px solid #000; }
</style>
<script language="javascript" type="text/javascript" src="jquery-1.3.2.min.js"></script>
</head>
<body>
<table id="tblmn" class="tableMain" cellpadding="0" cellspacing="0">
<tr>
<th>title1</th>
<th>title2</th>
<th>title3</th>
</tr>
<tr>
<td colspan="3"><div class="scrollTable">
<table border="1" cellspacing="0" cellpadding="0" width="100%">
<tbody>
<tr class="odd">
<td><INPUT TYPE="text" NAME="" value="321321"/></td>
<td><INPUT TYPE="text" NAME="" value="321321"/></td>
<td><INPUT TYPE="text" NAME="" value="321321"/></td>
</tr>
<tr>
<td><INPUT TYPE="text" NAME="" value="321321"/></td>
<td><INPUT TYPE="text" NAME="" value="321321"/></td>
<td><INPUT TYPE="text" NAME="" value="321321"/></td>
</tr>
<tr class="odd">
<td><INPUT TYPE="text" NAME="" value="321321"/></td>
<td><INPUT TYPE="text" NAME="" value="321321"/></td>
<td><INPUT TYPE="text" NAME="" value="321321"/></td>
</tr>
<tr>
<td><INPUT TYPE="text" NAME="" value="321321"/></td>
<td><INPUT TYPE="text" NAME="" value="321321"/></td>
<td><INPUT TYPE="text" NAME="" value="321321"/></td>
</tr>
<tr class="odd">
<td><INPUT TYPE="text" NAME="" value="321321"/></td>
<td><INPUT TYPE="text" NAME="" value="321321"/></td>
<td><INPUT TYPE="text" NAME="" value="321321"/></td>
</tr>
<tr>
<td><INPUT TYPE="text" NAME="" value="321321"/></td>
<td><INPUT TYPE="text" NAME="" value="321321"/></td>
<td><INPUT TYPE="text" NAME="" value="321321"/></td>
</tr>
<tr class="odd">
<td><INPUT TYPE="text" NAME="" value="321321"/></td>
<td><INPUT TYPE="text" NAME="" value="321321"/></td>
<td><INPUT TYPE="text" NAME="" value="321321"/></td>
</tr>
<tr>
<td><INPUT TYPE="text" NAME="" value="321321"/></td>
<td><INPUT TYPE="text" NAME="" value="321321"/></td>
<td><INPUT TYPE="text" NAME="" value="321321"/></td>
</tr>
<tr class="odd">
<td><INPUT TYPE="text" NAME="" value="321321"/></td>
<td><INPUT TYPE="text" NAME="" value="321321"/></td>
<td><INPUT TYPE="text" NAME="" value="321321"/></td>
</tr>
</tbody>
</table>
</div></td>
</tr>
</table>
</body>
</html>
<td onclick="alert(this.childNodes[0].value);"><INPUT TYPE="text" NAME="" value="321321" /></td>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><style type="text/css">
body { font:12px/25px Arial; text-align:center; }
.tableMain { width:400px; margin:50px auto 0; }
.tableMain, .tableMain th { border-collapse:collapse; border:1px solid #000; }
.scrollTable { height:200px; overflow-x: hidden; overflow-y: auto; width: 100%; }
.scrollTable .odd td { background:#ccc; border-bottom:1px solid #000; border-top:1px solid #000; }
</style>
<script language="javascript" type="text/javascript" src="jquery-1.3.2.min.js"></script>
</head>
<body>
<table id="tblmn" class="tableMain" cellpadding="0" cellspacing="0">
<tr>
<th>title1</th>
<th>title2</th>
<th>title3</th>
</tr>
<tr>
<td colspan="3"><div class="scrollTable">
<table border="1" cellspacing="0" cellpadding="0" width="100%" id="dataList">
<tbody>
<tr class="odd">
<td><INPUT TYPE="text" NAME="" value="321321a"/></td>
<td><INPUT TYPE="text" NAME="" value="321321"/></td>
<td><INPUT TYPE="text" NAME="" value="321321"/></td>
</tr>
<tr>
<td><INPUT TYPE="text" NAME="" value="321321b"/></td>
<td><INPUT TYPE="text" NAME="" value="321321"/></td>
<td><INPUT TYPE="text" NAME="" value="321321"/></td>
</tr>
<tr class="odd">
<td><INPUT TYPE="text" NAME="" value="321321c"/></td>
<td><INPUT TYPE="text" NAME="" value="321321"/></td>
<td><INPUT TYPE="text" NAME="" value="321321"/></td>
</tr>
<tr>
<td><INPUT TYPE="text" NAME="" value="321321d"/></td>
<td><INPUT TYPE="text" NAME="" value="321321"/></td>
<td><INPUT TYPE="text" NAME="" value="321321"/></td>
</tr>
<tr class="odd">
<td><INPUT TYPE="text" NAME="" value="321321e"/></td>
<td><INPUT TYPE="text" NAME="" value="321321"/></td>
<td><INPUT TYPE="text" NAME="" value="321321"/></td>
</tr>
<tr>
<td><INPUT TYPE="text" NAME="" value="321321f"/></td>
<td><INPUT TYPE="text" NAME="" value="321321"/></td>
<td><INPUT TYPE="text" NAME="" value="321321"/></td>
</tr>
<tr class="odd">
<td><INPUT TYPE="text" NAME="" value="321321g"/></td>
<td><INPUT TYPE="text" NAME="" value="321321"/></td>
<td><INPUT TYPE="text" NAME="" value="321321"/></td>
</tr>
<tr>
<td><INPUT TYPE="text" NAME="" value="321321h"/></td>
<td><INPUT TYPE="text" NAME="" value="321321"/></td>
<td><INPUT TYPE="text" NAME="" value="321321"/></td>
</tr>
<tr class="odd">
<td><INPUT TYPE="text" NAME="" value="321321i"/></td>
<td><INPUT TYPE="text" NAME="" value="321321"/></td>
<td><INPUT TYPE="text" NAME="" value="321321"/></td>
</tr>
</tbody>
</table>
</div></td>
</tr>
</table>
<script type="text/javascript">
<!--
var dataList = document.getElementById("dataList");
var rowLength = dataList.rows.length;
var row;
for (var i=0; i<rowLength; i++)
{
row = dataList.rows[i];
row.onclick = function() {
var inputs = this.getElementsByTagName("input");
var values = new Array();
var input;
for (var j=0; j<inputs.length; j++)
{
input = inputs[j];
if (input.type == "text")
{
values.push(input.value);
}
}
alert(values);
};
}
//-->
</script>
</body>
</html>
http://download.csdn.net/source/308913JScript 语言参考
http://download.csdn.net/source/308916CCS 样式表中文手册
http://download.csdn.net/source/304124