有一个table表格，选中某一行后，点击“查看(button)”按钮可以实现对该行内容的显示
2008-04-22 17:22
477 查看
<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>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 有一个table表格，选中某一行后，点击“查看(button)”按钮可以实现对该行内容的显示
- 在页面中，我们经常看到，一个button按钮，如果属标点击，就会触发一个窗口的显示，如果二次点击并可以隐藏，那么如何通过JAVA配合html来实现这一功能呢？
- F:在datagrid中 怎么实现 点击一行（多列）传一个id过去到第二页显示其具体内容,不用按钮、链接等？
- 动态的把数据显示在table中，点击某一行的删除按钮实现该行的删除（通过ajax实现页面的无刷新加载）
- 动态的把数据显示在table中，点击某一行的删除按钮实现该行的删除（通过ajax实现页面的无刷新加载）
- C#怎么通过一个按钮Button,实现点击这个按钮可以打开一个文件或者文件夹?
- 如何实现js展开收起（折叠）效果呢？例如：一段内容过长了，我限制他显示为20个字内，但是超出了20的就先用省略号代替，然后后面添加一个展开，点击展开后就显示所有的内容，这时候展开按钮就变成了 折叠按钮
- 任意创建偶数个button，每两个button一行，通过点击任何按钮，可以实现相邻按钮间的颜色转换
- jquery操作html，table。点击按钮，逐行滚动显示，自动选中下一行数据
- 选中表格中相应行的复选框，点击下面的“删除”按钮可以删除相应的行，选中下面的"全选"复选框，则所有行的复选框全部选中，取消则全部取消。 鼠标移动到封面上在旁边显示大图，鼠标移开，大图消失
- 通过js选择按钮实现一个内容隐藏另一个内容显示
- MFC实现当鼠标移动到button按钮上时是显示一张图片，移开显示另外一张，点击是显示另外一张
- 关于LWUIT的table让选中的某一列的某一行点击可以编辑问题
- Angular实现点击按钮后在上方显示输入内容的方法
- 一个继承于CButton的按钮控件类，实现Button背景色与文字的共存与改变，可以自行设计背景色
- JQuery实现动态表格点击按钮表格增加一行
- 窗口上提供四个文本框和一个按钮，幼儿可以在前三个文本框中输入两个运算数和运算符号，当点击按钮时在第四个文本框中显示结果。
- 功能实现：在table中点击某一行，选中前面的checkbox并改变背景色
- 一个按钮点击隐藏下面内容，再点击显示，并且按钮自己里边的字也在变
- 制作一个表格，实现可以部分选中以及全选并且置灰背景