JS获得选取checkbox整行数据的方法
本文实例讲述了JS获得选取checkbox整行数据的方法。分享给大家供大家参考。具体实现方法如下：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>js</title>
</head>
<script language="javascript">
function getTDtext()
{
var rows = document.getElementById("test_table").rows;
var a = document.getElementsByName("r");
//var states = "";
var table = document.getElementById("test_table");
for(var i=0;i<a.length;i++)
{
if(a[i].checked){
var row = a[i].parentElement.parentElement.rowIndex;
//states += rows[row].cells[1].innerHTML+";";
alert(a[i].value);
alert(rows[row].cells[1].innerHTML);
}
}
}
</script>
<body>
<table id="test_table">
<tr><td><input type="checkbox" name="r" value="1"></td><td>a</td></tr>
<tr><td><input type="checkbox" name="r" value="2"></td><td>b</td></tr>
<tr><td><input type="checkbox" name="r" value="3"></td><td>c</td></tr>
<tr><td><input type="checkbox" name="r" value="4"></td><td>d</td></tr>
<tr><td><input type="checkbox" name="r" value="5"></td><td>e</td></tr>
<tr><td><input type="checkbox" name="r" value="6"></td><td>f</td></tr>
</table>
<input type="button" onclick="getTDtext()" value="button">
</body>
</html>
希望本文所述对大家的javascript程序设计有所帮助。
相关文章
这篇文章主要介绍了for of 和 for in 的区别,for of 和 for in都是用来遍历的属性，本文重点介绍下for of 和 for in 的区别，需要的朋友可以参考下2022-12-12
马上圣诞节了，作为一名程序猿，如何体现自己独特的过节风格，如何在朋友圈发一张专属自己的祝福照片我觉得很有必要，你们说是不是2015-12-12
在日常开发中我们可能会遇到返回的数据不能直接使用,而数据提供者只给你传递二维数据格式的数据,这个时候就需要我们做转换,这篇文章主要给大家介绍了关于js实现一维数组转化为二维数组的两种简单方法,需要的朋友可以参考下2023-12-12
in.js 一个轻量级的JavaScript颗粒化模块加载和依赖关系管理解决方案
近一年来，国内外都十分热衷于异步加载的研究，为了加快页面的载入速度，无阻塞加载Javascript的方法和框架成为了前端开发的焦点和亮点之一。2011-07-07
深入浅析JavaScript中prototype和proto的关系
prototype,每一个函数对象都有一个显示的prototype属性，而proto每个对象都有一个名为_proto_内部隐藏属性。本文给大家介绍JavaScript中prototype和proto的关系，需要的朋友参考下2015-11-11
这篇文章主要为大家详细介绍了微信小程序实现简易计算器，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-07-07
这篇文章主要介绍了微信公众号-获取用户信息（网页授权获取）实现步骤的相关资料,需要的朋友可以参考下2016-10-10
JavaScript实现二叉树的先序、中序及后序遍历方法详解
这篇文章主要介绍了JavaScript实现二叉树的先序、中序及后序遍历方法,结合实例形式总结分析了javascript二叉树的先序、中序及后序遍历实现方法与相关操作注意事项,需要的朋友可以参考下2017-10-10
本文主要介绍了折叠菜单及选择器的运用。具有很好的参考价值，下面跟着小编一起来看下吧2017-02-02
下面小编就为大家分享一篇js中el表达式的使用和非空判断方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-03-03
最新评论