HTML中遍历Table表格中的Checkbox
2012-02-02 20:26
309 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Untitled Page</title> </head> <body onload="f()"> <script type="text/javascript"> function f() { var t=document.getElementById("tb").childNodes.item(0); for(var i=0;i< t.childNodes.length;i++) { alert(t.childNodes(i).firstChild.firstChild.nodeValue); alert(t.childNodes(i).childNodes[1].firstChild.checked); } } </script> <table id="tb"> <tr> <td style="width: 122px"> aaa</td> <td style="width: 89px"> <input type="checkbox" /></td> <td style="width: 210px"> </td> </tr> <tr> <td style="width: 122px; height: 21px"> bbb</td> <td style="width: 89px; height: 21px"> <input type="checkbox" checked="CHECKED" /></td> <td style="width: 210px; height: 21px"> </td> </tr> <tr> <td style="width: 122px"> ccc</td> <td style="width: 89px"> <input type="checkbox" /></td> <td style="width: 210px"> </td> </tr> </table> </body> </html>
相关文章推荐
- html遍历数组来填充表格
- HTML Table 拼凑表格数据并支持滚动条
- Jquery 遍历 Table;遍历CheckBox ;遍历Select;全选/全不选
- html基础 table表格的边框线 单元格的宽度 高度
- 如何使HTML中的元素TABLE的表格文字不换行
- html学习笔记 - table表格
- HTML 06: 表格(TABLE)标记(TAGS)
- html之table(10种表格)
- html生成表格table
- jQuery注册表格(table)行(tr)点击选中checkbox事件
- html解析json数据为表格table显示
- 如何只用HTML画出一个圆角的Table表格?
- [HTML]表格Table宽度设置无效的解决方法
- 如何设置HTML页面自适应宽度的table(表格)(一)
- 如何只用HTML画出一个圆角的Table表格?
- HTML中如何为表格添加标题(添加的标题与表格相对静止)(<table><caption>标题</caption></table>)
- HTML5+CSS3 表格设计(Table)
- CSS设置html table表格边框样式
- HTML锚点,,table表格格式
- HTML怎么让table表格中的td单元格内容过长显示为固定长度,多余部分用省略号代替?