<HTML>
<HEAD>
<TITLE>如何用javaScript实现表格的行选</TITLE>
</HEAD>
<script>
function getValue(index){
var N1 = "no1["+ index + "]";
var N2 = "no2["+ index + "]";
var N3 = "no3["+ index + "]"; var N1Value = document.getElementsByName(N1);
var N2Value = document.getElementsByName(N2);
var N3Value = document.getElementsByName(N3);
alert("你选择的是第"+ index + "行:" + N1Value[0].value +" " + N2Value[0].value + " " + N3Value[0].value);
}
</script>
<BODY>
<form name="formlist" aciton="" >
<table border="1">
<tr>
<td>第一列</td>
<td>第二列</td>
<td>第三列</td>
</tr>
<tr onclick="getValue(1)">
<td>1.1<input type="hidden" name="no1[1]" value="1.1"></td>
<td>1.2<input type="hidden" name="no2[1]" value="1.2"></td>
<td>1.3<input type="hidden" name="no3[1]" value="1.3"></td>
</tr>
<tr onclick="getValue(2)">
<td>2.1<input type="hidden" name="no1[2]" value="2.1"></td>
<td>2.2<input type="hidden" name="no2[2]" value="2.2"></td>
<td>2.3<input type="hidden" name="no3[2]" value="2.3"></td>
</tr>
<tr onclick="getValue(3)">
<td>3.1<input type="hidden" name="no1[3]" value="3.1"></td>
<td>3.2<input type="hidden" name="no2[3]" value="3.2"></td>
<td>3.3<input type="hidden" name="no3[3]" value="3.3"></td>
</tr>
</table>
</form>
</BODY>
</HTML>