读取table内容的javascript代码

更新时间：2009年12月14日 02:59:21 作者：

主要用到了js的dom操作，用到了rows 集合。

<html> <head> <meta http-equiv="Content-Language" content="zh-cn"> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>222222 </title> </head> <body> <table border="1" style="border-collapse: collapse" width="45%" height="29" id="table1"> <tr> <td> <input type="checkbox" name="C1" value="ON"> </td> <td>脚本之家</td> <td>www.jb51.net</td> </tr> <tr> <td> <input type="checkbox" name="C2" value="ON"> </td> <td>百度</td> <td>www.baidu.com</td> </tr> <tr> <td> <input type="checkbox" name="C3" value="ON"> </td> <td>服务器软件</td> <td>s.jb51.net</td> </tr> </table> <input type="button" onclick="readArray()" value="取得表格值"> <script> //使用数组取得表格值 function getRowText() { var arr = new Array(); var count = 0; for(var i=0;i <table1.rows.length;i++) { var row = table1.rows[i]; //取得CHECKBOX var objCheck = row.cells[0].getElementsByTagName("INPUT")[0]; //如果CHECKBOX被选中.添加到二维数组 if(objCheck!=null && objCheck.checked) { //arr[i]= row.innerText ; arr[count] = new Array(); for(var x=0;x <row.cells.length;x++) { //不计单选框的单元格内容 if(x==0) continue; arr[count][x-1] = row.cells[x].innerText; } count++; } } return arr; } //读取表格值 function readArray() { var arr = getRowText(); for(var i=0;i <arr.length;i++) { //取得每一行的值 for(var x= 0;x <arr[i].length;x++) { document.write(arr[i][x]); } } } </script> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

定义和用法
rows 集合返回表格中所有行（TableRow 对象）的一个数组，即一个 HTMLCollection。

该集合包括 <thead>、<tfoot> 和 <tbody> 中定义的所有行。

语法
tableObject.rows[]实例
下面的例子使用了 rows 集合来显示第一行中的内容：

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

基于JavaScript实现生成名片、链接等二维码
本文使用javascript技术实现生成名片、链接等二维码的代码，代码简单易懂并附有注释，需要的朋友可以参考下本文
2015-09-09
javascript 面向对象function详解及实例代码
这篇文章主要介绍了javascript 面向对象function详解及实例代码的相关资料,需要的朋友可以参考下
2017-02-02
js实现3D图片环展示效果
本文主要介绍了js实现3D图片环展示效果的实例，具有很好的参考价值。下面跟着小编一起来看下吧
2017-03-03
如何获取select下拉框的值(option没有及有value属性)
获取select下拉框的值分为option没有value属性及有value属性时的两种情况，下面分别给出具体的实现代码，需要的朋友可以参考下
2013-11-11
微信小程序连续签到7天积分获得功能的示例代码
今天通过一个案例给大家分享微信小程序连续签到7天积分获得功能，通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考价值，感兴趣的朋友一起学习吧
2020-08-08
JS根据当天不同时间显示不同广告的代码
这篇文章主要介绍了JS根据当天不同的时间段显示不同广告的代码，可以精确到小时当然如果分钟都可以判断出来,需要的朋友可以参考下
2023-02-02
JS/jquery实现一个网页内同时调用多个倒计时的方法
这篇文章主要介绍了JS/jquery实现一个网页内同时调用多个倒计时的方法,涉及js与jQuery基于定时器的时间相关操作技巧,需要的朋友可以参考下
2017-04-04
Mint-UI时间组件起始时间问题及时间插件使用
这篇文章主要介绍了Mint-UI时间组件起始时间问题的解决方法,非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下
2018-08-08
JS原型链详解及示例代码
本文主要介绍JS原型链的知识，这里整理了相关资料及简单实现示例代码，有兴趣的小伙伴可以参考下
2016-09-09
layui固定下拉框的显示条数(有滚动条)的方法
今天小编就为大家分享一篇layui固定下拉框的显示条数(有滚动条)的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2019-09-09

读取table内容的javascript代码

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具