在js中怎样获取当前页面表格中的数据

在js中怎样获取当前页面表格中的数据,第1张

1、JS获取表格的简便方法:获取tbody:tBodies 获取thead:tHead 获取tfoot:tFoot 获取行tr:rows 获取列td:cells

使用实例: oTable.tBodies[0] oTable.tHead[0] oTable.tFoot[0] oTable.rows[1] oTable.cells[1]

2、遍历

var oTable=document.getElementById("表格id")

oTable.tBodies[0]可以看成是rows和cells组成的二维数组,用两个for循环嵌套遍历一下就可以了

你可以使用 JavaScript 中自带的 rowIndex 和 cellIndex 来获取行和列的键值 (从0开始)

点击 checkbox,获取 parentNode (也就是 td),td.cellIndex 就是所在列的键值

点击 checkbox,获取 parentNode.parentNode (也就是 tr),tr.rowIndex 就是所在行的键值

<script type="text/javascript">

// 点击

document.onclick = function(e) {

// 兼容 event 和 target

e = e || window.event

var target = e.target || e.srcElement

// 确认是 checkbox

if(target.tagName.toLowerCase() === "input"

&&target.type === "checkbox") {

// 获取行列键值

var row_num = target.parentNode.parentNode.rowIndex

var col_num = target.parentNode.cellIndex

// 输出

alert(row_num + " " + col_num)

}

}

</script>

因为键值是从 0 开始,一般需要 +1 才是行列数,但因为你表单中第一行个第一列都是文字,所以不需要 +1 正好输出需要的数字,例如点击周四 + 6,会输出 4 6

1:你可以给table加一个id这样简单很多。也可以不加id

2:取table里input type="text 所有的值

var len = document.getElementsByTagName("table")[0].getElementsByTagName("input").length

var inputVal

for(var i=0i<leni++){

inputVal += document.getElementsByTagName("table")[0].getElementsByTagName("input")[i].value + "<br />"

}

alert(inputVal)

3:去select下的option的val 一样通过for循环遍历出来。这会吧。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/sjk/10717416.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-10
下一篇 2023-05-10

发表评论

登录后才能评论

评论列表(0条)

保存