本文介绍如何在网页中使用HTML创建表格，并通过JavaScript实现交互功能，展示选中项的详细信息。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>newpage</title>
</head>
<body>
<table border="1" width="100%">
<tr>
<td><input type=checkbox></td >
<td>11111</td >
</tr>
<td><input type=checkbox></td>
<td>22222</td>
</tr>
<td><input type=checkbox></td>
<td>33333</td>
</tr>
<td><input type=checkbox></td>
<td>44444</td>
</tr>
<td><input type=checkbox></td>
<td>55555</td>
</tr>
</table>
<input type=button value="查看" onclick=getVal()>
</body>
<script>
function getVal(){
var t=document.getElementsByTagName("table")[0];
for(var i=0;i<t.rows.length;i++){
if(t.rows(i).cells(0).firstChild.checked){
alert("第"+(i+1)+"行已选中,值为:"+t.rows(i).cells(1).innerText);
}
}
}
</script>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>newpage</title>
</head>
<body>
<table border="1" width="100%">
<tr>
<td><input type=checkbox></td >
<td>11111</td >
</tr>
<td><input type=checkbox></td>
<td>22222</td>
</tr>
<td><input type=checkbox></td>
<td>33333</td>
</tr>
<td><input type=checkbox></td>
<td>44444</td>
</tr>
<td><input type=checkbox></td>
<td>55555</td>
</tr>
</table>
<input type=button value="查看" onclick=getVal()>
</body>
<script>
function getVal(){
var t=document.getElementsByTagName("table")[0];
for(var i=0;i<t.rows.length;i++){
if(t.rows(i).cells(0).firstChild.checked){
alert("第"+(i+1)+"行已选中,值为:"+t.rows(i).cells(1).innerText);
}
}
}
</script>
</html>
扫一扫
960
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
